Vue 不能及时检测对象属性变化的解决办法
在Vue的使用过程中,可能会遇到一种情况:
1. 当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;
2. 子组件的props数据不能与父组件传递的值实时保持一致。
受现代 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)·