プロパティ default 関数の this アクセス

破壊的変更

プロパティのデフォルト値ファクトリー関数は this にアクセスできなくなりました。

その代わり:

• コンポーネントが受け取った未加工のプロパティは、引数として default 関数に渡されます。

• inject API は、default 関数内部で使用できます。

import { inject } from 'vue'

export default {
  props: {
    theme: {
      default (props) {
        // `props` はコンポーネントに渡された未加工の値
        // 型変換やデフォルト値に変更される前
        // `inject` を使用して、注入されたプロパティにアクセスできます
        return inject('theme', 'default-theme')
      }
    }
  }
}

移行手順

移行ビルドのフラグ: PROPS_DEFAULT_THIS