provide/inject

2019-03-29  本文已影响0人  chengfengwang

使用provide传递当前组件实例

provide(){
    return{
      test:this
    }
  },

在后代组件中接收组件

inject:['test'],
    mounted(){
        console.log('---')
        console.log(this.test)
    },
    computed:{
        myzz(){ //使用计算属性动态监听上(n)级组件的某个属性变化
            return this.test.zz
        }
    },
    methods:{  //更改属性,同时我们的计算属性也会得到更新
        changeProvide(){
            this.test.zz = 'changed'
        }
    },
上一篇 下一篇

猜你喜欢

热点阅读