Vue 变化检测问题

Posted 2021-02-10 xiaofenguo

受现代javascript的限制，Vue不能检测到对象属性的添加和删除，因为Vue在初始化时将属性转为getter/setter，所以属性必须在data对象上才能让Vue转换它，Vue不允许在已经创建的实例上动态添加新的根级响应式属性。

然而它可以使用Vue.set(Object,key,value)方法将响应属性添加到嵌套的对象上；

也可以使用vm.$set(this.object,key,value);

有时你想向已有对象上添加一些属性，例如使用Object.assign()或者_.extend()方法来添加属性。但是，添加到对象上的新属性不会触发更新。可以创建一个新对象，让它包含原对象的属性和新的属性。