vue-笔记 $set

this.$set

参考：https://www.cnblogs.com/macq/p/9047668.html
当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。
Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。

这里提到的两种情况实际改变了数据但是没有触发视图更新。

由此引出Vue.set()，先上文档API：

this.$set()和Vue.set()本质方法一样，前者可以用在methods中使用。

set方法调用时，可以触发页面全部重新渲染。

比如在vue中有个data数组arr：

//arr=[1,2,3]
arr[1]='b'
console.log(arr) // [1,2,3]
Vue.set(arr,2,'c')
console.log(arr) // [1,b,c]