File tree Expand file tree Collapse file tree 1 file changed +1
-1
lines changed Expand file tree Collapse file tree 1 file changed +1
-1
lines changed Original file line number Diff line number Diff line change 2
2
3
3
> このページは既に[ コンポーネントの基本] ( component-basics.md ) を読んでいる事を前提としています。 コンポーネントを初めて使う方はそちらを先にお読みください。
4
4
5
- 通常、親コンポーネントから子コンポーネントにデータを渡す際 、[ props] ( component-props.md ) を使います。深くネストされたいくつかのコンポーネントがあり、深い階層にあるコンポーネントが浅い階層にあるコンポーネントの何かしらのデータのみを必要としている構造を想像してください。この場合でも、コンポーネントチェイン全体に prop を渡す必要がありますが、時にそれは面倒となります 。
5
+ 通常、親コンポーネントから子コンポーネントにデータを渡すとき 、[ props] ( component-props.md ) を使います。深くネストされたいくつかのコンポーネントがあり、深い階層にあるコンポーネントが浅い階層にあるコンポーネントの何かしらのデータのみを必要としている構造を想像してください。この場合でも、鎖のように繋ったコンポーネント全体にプロパティを渡す必要がありますが、時にそれは面倒になります 。
6
6
7
7
そのような場合は、` provide ` と ` inject ` のペアを利用できます。コンポーネント階層の深さに関係なく、親コンポーネントは、そのすべての子階層へ依存関係を提供するプロバイダとして機能することができます。この機能は2つの機能からなります:
8
8
親コンポーネントは、データを提供するためのオプション ` provide ` を持ち、子コンポーネントはそのデータを利用するためのオプション ` inject ` を持っています。
You can’t perform that action at this time.
0 commit comments