# プロパティのデフォルト値ファクトリ関数の this アクセス
breaking

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

代わりの方法は以下です。

  • コンポーネントが受け取った生のプロパティは、引数としてデフォルト関数に渡されます。

  • inject API がデフォルト関数の内部で使用できます。

import { inject } from 'vue'

export default {
  props: {
    theme: {
      default (props) {
        // `props` 引数はコンポーネントに渡される生の値で、
        // 型やデフォルトの強制より前のものです。 
        // また、`inject` を使用して注入されたプロパティにアクセスすることもできます。
        return inject('theme', 'default-theme')
      }
    }
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

Deployed on Netlify.
最終更新日: 11/8/2020, 5:14:41 PM