vueでprovideとinjectを使用する
703 ワード
ヒント:provideとinjectバインドは応答可能ではありません.これはわざとやったのだ.しかし、リスニング可能なオブジェクトが送信された場合、そのオブジェクトのプロパティは応答可能です.
≪シーンの使用|Use Scene|emdw≫:ホームページ・フェースに深いレベルのビジネス・コンポーネントを導入し、コンポーネントの階層がどれだけ深くても、上下流関係が成立するまで、祖先コンポーネントがすべての子孫子孫に依存を注入できるようにします.
≪シーンの使用|Use Scene|emdw≫:ホームページ・フェースに深いレベルのビジネス・コンポーネントを導入し、コンポーネントの階層がどれだけ深くても、上下流関係が成立するまで、祖先コンポーネントがすべての子孫子孫に依存を注入できるようにします.
export default {
name: 'XXX',
provide() {
return {
ctx: this
};
},
data() {
return {
name:'abc'
}
},
components: {
1,
2,
3,
4
},
}
this, ctx 。
:
export default {
name: ' 1',
inject: ['ctx'],
mounted(){
const { name } = this.ctx.name;
},
}