vue2中用provide/inject实现父子组件中数据的双向绑定

父组件:

 provide() {
    return {
      INFO: this,
    };
  },
 data(){
        name:'xiaoming'
}

子组件:

  inject: ['INFO'],

  mounted() {
    console.log('父组件的this', this.INFO);//此时是能拿到父组件的里面的所有数据和方法
  },
  methods:{
    del(){
           this.INFO.name='张三'//这里可以操作父组件的所有数据和方法,也会影响到父组件的数据
         }
  },

猜你喜欢

转载自blog.csdn.net/Xwf1023/article/details/128220445