• Vue2 和 Vue3 双向绑定方法不同
  • 总结 vue3中没有$set

Vue2 和 Vue3 双向绑定方法不同

Vue2 : Object.defineProperty() 
Vue3 : new Proxy()

vue3 实例

数据会更新

const addBtn = () =>{obj.c = 3;
} 

vue2实例

问题：数据更新了视图没更新

Object.defineProperty() 导致

解决方法：this.$set

methods:{addBtn(){//数据更新了视图没更新//this.obj.c = 3;//console.log( this.obj );this.$set( this.obj , 'c' , 3) }
}

总结 vue3中没有$set

let data = {a : 1,b: 2
}let vue = {}for( let k in data ){Object.defineProperty(vue, k,{get(){console.log(获取了); return data[k];},set(){}})
}