Vee祖先コンポーネントから子孫コンポーネントへの通信(provide/inject)
Vee祖先コンポーネントから子孫コンポーネントへの通信(provide/inject)
説明:このオプションは、コンポーネントの階層がどんなに深くても(
ヒント:
demo:
祖先コンポーネント:
子孫コンポーネント:
Provideとinjectを正しく使用
1.provide/injectはコンポーネント間の通信問題を解決する利器であり、階層構造の制限を受けない.しかし、勝手に乱用するわけではありません.通信は結合を表しています.
2.provide/injectは主に高次プラグイン/コンポーネントライブラリの使用例を提供する.アプリケーションコードに直接使用することは推奨されません.
科学はインターネットを利用して私をつけます:http://jiasd.us/11667
説明:このオプションは、コンポーネントの階層がどんなに深くても(
props
が実現しにくい場所でもある)、上下流関係が成立するまで一貫して有効になるように、祖先コンポーネントがすべての子孫に依存を注入することを許可するために一緒に使用する必要があります.ヒント:
provide
およびinject
バインディングは応答可能ではありません.これはわざとやったのだ.しかし、リスニング可能なオブジェクトが送信された場合、そのオブジェクトのプロパティは応答可能です.demo:
祖先コンポーネント:
export default {
name: "parent",
data() {
return {
name: "Flying bird's blog"
}
},
provide() {
return {
provideData: this.name //
}
}
}
子孫コンポーネント:
export default {
name: "child",
inject: ["provideData"], //
created () {
console.log(this.provideData) // Flying bird's blog
}
}
Provideとinjectを正しく使用
1.provide/injectはコンポーネント間の通信問題を解決する利器であり、階層構造の制限を受けない.しかし、勝手に乱用するわけではありません.通信は結合を表しています.
2.provide/injectは主に高次プラグイン/コンポーネントライブラリの使用例を提供する.アプリケーションコードに直接使用することは推奨されません.
科学はインターネットを利用して私をつけます:http://jiasd.us/11667