vueでprovideとinjectを使用する

703 ワード

ヒント:provideとinjectバインドは応答可能ではありません.これはわざとやったのだ.しかし、リスニング可能なオブジェクトが送信された場合、そのオブジェクトのプロパティは応答可能です.
≪シーンの使用|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;
    },
}