跳至内容

Props 默认函数 this 访问
重大变更

Props 默认值工厂函数不再可以访问 this

代替

  • 组件接收到的原始 props 作为参数传递给默认函数;

  • 可以在默认函数中使用 inject API。

js
import { inject } from 'vue'

export default {
  props: {
    theme: {
      default (props) {
        // `props` is the raw values passed to the component,
        // before any type / default coercions
        // can also use `inject` to access injected properties
        return inject('theme', 'default-theme')
      }
    }
  }
}

迁移策略

迁移构建标志:PROPS_DEFAULT_THIS