2021-03-26 vue的provide和inject无法实时响应踩坑

vue中的provide可以进行父组件向后代组件进行传值。但是,他没办法监听传输数据的变化。或者说明白点,就是如果我在父组件改变注入的值,它没办法更新。子组件改变传入的值,它也没办法进行更新

vue官方说明:https://cn.vuejs.org/v2/api/#provide-inject

data () {
    return {
      test: '123',
      test2: {
         myData:'123'
      },
    }
  },
 //父级
 provide: function() {
    return {
      test: this.test//非响应
      test2: this.test2//响应
    };
  },
//子
 inject: ["test"]

你可能感兴趣的:(2021-03-26 vue的provide和inject无法实时响应踩坑)