1
1
# Provide / Inject
2
2
3
- > このページは、すでに [ Provide / Inject] ( component-provide-inject.html ) 、[ コンポジション API 導入] ( composition-api-introduction.html ) 、[ リアクティブの基礎] ( reactivity-fundamentals.html ) を読み終えていることを想定しています。
3
+ > このページは、すでに [ Provide / Inject] ( component-provide-inject.html ) 、[ Composition API 導入] ( composition-api-introduction.html ) 、[ リアクティブの基礎] ( reactivity-fundamentals.html ) を読み終えていることを想定しています。
4
4
5
- [ provide / inject] ( component-provide-inject.html ) は コンポジション API でも使うことができます。どちらも現在アクティブなインスタンスの [ ` setup() ` ] ( composition-api-setup.html ) 中にのみ呼び出すことが可能です。
5
+ [ provide / inject] ( component-provide-inject.html ) は Composition API でも使うことができます。どちらも現在アクティブなインスタンスの [ ` setup() ` ] ( composition-api-setup.html ) 中にのみ呼び出すことが可能です。
6
6
7
7
## シナリオの背景
8
8
9
- これから、コンポジション API を使用して、以下のコードを書き直そうとしているとしましょう。以下のコードでは、` MyMap ` コンポーネントが ` MyMaker ` コンポーネントにユーザの位置情報を提供しています。
9
+ これから、Composition API を使用して、以下のコードを書き直そうとしているとしましょう。以下のコードでは、` MyMap ` コンポーネントが ` MyMarker ` コンポーネントにユーザの位置情報を提供しています。
10
10
11
11
``` vue
12
12
<!-- src/components/MyMap.vue -->
@@ -36,7 +36,7 @@ export default {
36
36
<!-- src/components/MyMarker.vue -->
37
37
<script>
38
38
export default {
39
- inject: ['location', 'longitude', 'latitude ']
39
+ inject: ['location', 'geolocation ']
40
40
}
41
41
</script>
42
42
```
@@ -86,7 +86,7 @@ export default {
86
86
1 . 注入されるプロパティ名
87
87
2 . デフォルト値 (** 任意** )
88
88
89
- ` MyMaker ` コンポーネントは、以下のようにリファクタリングすることができます:
89
+ ` MyMarker ` コンポーネントは、以下のようにリファクタリングすることができます:
90
90
91
91
``` vue{3,6-14}
92
92
<!-- src/components/MyMarker.vue -->
@@ -111,7 +111,7 @@ export default {
111
111
112
112
### リアクティブの追加
113
113
114
- 提供された値と注入された値をリアクティブにするには、値を提供する際に [ ref] ( reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs ) または [ reactive] ( reactivity-fundamentals.html#declaring-reactive-state ) を使います。
114
+ 提供された値と注入された値をリアクティブにするには、値を提供する際に [ ref] ( reactivity-fundamentals.html#独立したリアクティブな値を-参照-として作成する ) または [ reactive] ( reactivity-fundamentals.html#リアクティブな状態の宣言 ) を使います。
115
115
116
116
` MyMap ` コンポーネントは、以下のように変更できます:
117
117
@@ -143,7 +143,7 @@ export default {
143
143
</script>
144
144
```
145
145
146
- これで、どちらかのプロパティに何か変更があった場合、` MyMaker ` コンポーネントも自動的に更新されるようになります。
146
+ これで、どちらかのプロパティに何か変更があった場合、` MyMarker ` コンポーネントも自動的に更新されるようになります。
147
147
148
148
### リアクティブプロパティの変更
149
149
0 commit comments