vue中 $set的使用

Vue 不能及时检测对象属性变化的解决办法

在Vue的使用过程中，可能会遇到一种情况：
1. 当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；
2. 子组件的props数据不能与父组件传递的值实时保持一致。

vue教程中有这样一个注意事项：

受现代 JavaScript 的限制 (以及废弃 Object.observe)，Vue 不能检测到对象属性的添加或删除。Vue 不能检测以下变动的数组：
1. 当你利用索引直接设置一个项时，例如： vm.item[index] = newValue
2. 当你修改数组的长度时，例如： vm.items.length = newLength

可以使用Vue.set(object, key, value) 和 this.$set(object, key, value)·