Skip to content

Commit 19ddad9

Browse files
mtmtkzmkazupon
andauthored
Update src/guide/component-provide-inject.md
Co-authored-by: kazuya kawaguchi <[email protected]>
1 parent 36a1f9c commit 19ddad9

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/guide/component-provide-inject.md

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

102102
```js
103103
app.component('todo-list', {

0 commit comments

Comments
 (0)