Skip to content

Commit 665b357

Browse files
committed
fix: 'composition api' doesn't translate
1 parent c5ebb7c commit 665b357

File tree

2 files changed

+5
-5
lines changed

2 files changed

+5
-5
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: 3 additions & 3 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` コンポーネントが `MyMaker` コンポーネントにユーザの位置情報を提供しています。
1010

1111
```vue
1212
<!-- src/components/MyMap.vue -->

0 commit comments

Comments
 (0)