File tree Expand file tree Collapse file tree 1 file changed +3
-8
lines changed
Expand file tree Collapse file tree 1 file changed +3
-8
lines changed Original file line number Diff line number Diff line change 44
55[ provide / inject] ( component-provide-inject.html ) は コンポジション API でも使うことができます。どちらも現在アクティブなインスタンスの [ ` setup() ` ] ( composition-api-setup.html ) 中にのみ呼び出すことが可能です。
66
7-
87## シナリオの背景
98
10- これから、コンポジション API を使用して、以下のコードを書き直そうとしているとしましょう。
11- 以下のコードでは、` MyMap ` コンポーネントが ` MyMaker ` コンポーネントにユーザの位置情報を提供しています。
9+ これから、コンポジション API を使用して、以下のコードを書き直そうとしているとしましょう。以下のコードでは、` MyMap ` コンポーネントが ` MyMaker ` コンポーネントにユーザの位置情報を提供しています。
1210
1311``` vue
1412<!-- src/components/MyMap.vue -->
@@ -45,8 +43,7 @@ export default {
4543
4644## Provide の使い方
4745
48- ` setup() ` 内で ` provide ` を使う場合、始めに ` vue ` から明示的に ` provide ` をインポートします。
49- これにより、 各プロパティについて ` provide ` の呼び出しで定義することができるようになります。
46+ ` provide ` を ` setup() ` 内で使う場合、始めに ` vue ` から明示的に ` provide ` をインポートします。これにより、 各プロパティについて ` provide ` の呼び出しで定義することができるようになります。
5047
5148` provide ` 関数は2つの引数によってプロパティを定義できます:
5249
@@ -82,8 +79,7 @@ export default {
8279
8380## Inject の使い方
8481
85- 同様に ` setup() ` 内 ` inject ` を使う場合も ` vue ` から明示的に ` inject ` をインポートする必要があります。
86- そうしておけば、これを呼び出すことで、注入された値をコンポーネントに公開する方法を定義することができるようになります。
82+ ` inject ` を ` setup() ` 内で使う場合も、` vue ` から明示的に ` inject ` をインポートする必要があります。そうしておけば、これを呼び出すことで、注入された値をコンポーネントに公開する方法を定義することができるようになります。
8783
8884` inject ` 関数は2つの引数をとります:
8985
@@ -92,7 +88,6 @@ export default {
9288
9389` MyMaker ` コンポーネントは、以下のようにリファクタリングすることができます:
9490
95-
9691``` vue{3,6-14}
9792<!-- src/components/MyMarker.vue -->
9893<script>
You can’t perform that action at this time.
0 commit comments