Skip to content

Commit 332896a

Browse files
authored
Guide > Composition API > Provide / Inject の翻訳を追従 (#286)
* fix(docs): inject key is the provide key vuejs/docs@741316f#diff-27006467fbfe7df527ccfe369d6ca36c0a69f3b997482cfc3051540b86535151 * fix: 'composition api' doesn't translate * fix: typo * fix: broken link
1 parent 8f19482 commit 332896a

File tree

2 files changed

+9
-9
lines changed

2 files changed

+9
-9
lines changed

src/guide/component-provide-inject.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ app.component('todo-list', {
9797

9898
## リアクティブと連携する
9999

100-
前述の例では、リスト `todos` を変更しても、その変更は注入された `todoLength` には反映されません。これは、`provide/inject` の束縛( binding )がデフォルトでリアクティブ _でない_ ことが原因です。`ref` で定義されたプロパティや `reactive` で作成されたオブジェクトを `provide` に渡すことにより、この振る舞いを変更することができます。この場合、祖先コンポーネントをリアクティブにするためには、コンポジション API の `computed` で定義したプロパティを `todoLength` を割り当てる必要があります。
100+
前述の例では、リスト `todos` を変更しても、その変更は注入された `todoLength` には反映されません。これは、`provide/inject` の束縛( binding )がデフォルトでリアクティブ _でない_ ことが原因です。`ref` で定義されたプロパティや `reactive` で作成されたオブジェクトを `provide` に渡すことにより、この振る舞いを変更することができます。この場合、祖先コンポーネントをリアクティブにするためには、Composition API の `computed` で定義したプロパティを `todoLength` を割り当てる必要があります。
101101

102102
```js
103103
app.component('todo-list', {
@@ -110,4 +110,4 @@ app.component('todo-list', {
110110
})
111111
```
112112

113-
こうすると、`todos.length`へのあらゆる変更が、`todoLength` が注入されたコンポーネントに正しく反映されます。`reactive` の provide/inject の詳細については、[コンポジション API セクション](composition-api-provide-inject.html#injection-reactivity) をご覧ください。
113+
こうすると、`todos.length`へのあらゆる変更が、`todoLength` が注入されたコンポーネントに正しく反映されます。`reactive` の provide/inject の詳細については、[Composition API セクション](composition-api-provide-inject.html#injection-reactivity) をご覧ください。

src/guide/composition-api-provide-inject.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
# Provide / Inject
22

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)を読み終えていることを想定しています。
44
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) 中にのみ呼び出すことが可能です。
66

77
## シナリオの背景
88

9-
これから、コンポジション API を使用して、以下のコードを書き直そうとしているとしましょう。以下のコードでは、`MyMap` コンポーネントが `MyMaker` コンポーネントにユーザの位置情報を提供しています。
9+
これから、Composition API を使用して、以下のコードを書き直そうとしているとしましょう。以下のコードでは、`MyMap` コンポーネントが `MyMarker` コンポーネントにユーザの位置情報を提供しています。
1010

1111
```vue
1212
<!-- src/components/MyMap.vue -->
@@ -36,7 +36,7 @@ export default {
3636
<!-- src/components/MyMarker.vue -->
3737
<script>
3838
export default {
39-
inject: ['location', 'longitude', 'latitude']
39+
inject: ['location', 'geolocation']
4040
}
4141
</script>
4242
```
@@ -86,7 +86,7 @@ export default {
8686
1. 注入されるプロパティ名
8787
2. デフォルト値 (**任意**)
8888

89-
`MyMaker` コンポーネントは、以下のようにリファクタリングすることができます:
89+
`MyMarker` コンポーネントは、以下のようにリファクタリングすることができます:
9090

9191
```vue{3,6-14}
9292
<!-- src/components/MyMarker.vue -->
@@ -111,7 +111,7 @@ export default {
111111

112112
### リアクティブの追加
113113

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#リアクティブな状態の宣言) を使います。
115115

116116
`MyMap` コンポーネントは、以下のように変更できます:
117117

@@ -143,7 +143,7 @@ export default {
143143
</script>
144144
```
145145

146-
これで、どちらかのプロパティに何か変更があった場合、`MyMaker` コンポーネントも自動的に更新されるようになります。
146+
これで、どちらかのプロパティに何か変更があった場合、`MyMarker` コンポーネントも自動的に更新されるようになります。
147147

148148
### リアクティブプロパティの変更
149149

0 commit comments

Comments
 (0)