vue监听缺陷

今天在写代码的时候遇到一个问题，因为我想控制一个列表的某个特性，但是获取的数据中没有这个字段，所以我自己给每个对象加了 一个字段，但是我发现点击后这个字段的值发生了改变但是视图并没有更新，所以才总结了下面的内容，只要给对象添加字段的都必须用$set

1.由于js的限制，vue不能监听以下变动的数组对象

（1）利用索引直接设置对象中的某一项，例如vm.items[indexOfItem] = newValue

（2）当你修改数组的长度时，例如vm.items.length = newLength

解决方法：

对象用$set（设置对象的属性，值）

例如：Vue.set(example1.items, indexOfItem, newValue)

数组用splice()方法（向数组中添加删除项目，并且返回新的数组，会改变原始数组）

例如：example1.items.splice(newLength)

2.还是由于js的限制，vue不能检测对象属性的添加或删除，一方面可以用vm.$set()方法，另外还可以用Object.assign()浅拷贝一个对象

例如：this.user = Object.assign({}, this.userPlice, {age：27， name: 'zhangsan'})

转载于:https://juejin.im/post/5a02b166f265da43133c94c0