vue.js组件改变了数据，但是dom并没有刷新

Question

vue.js组件改变了数据，但是dom并没有刷新

Answer 1

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：

1. 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem]      = newValue

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

为了解决第一类问题，以下两种方式都可以实现和 vm.items[indexOfItem] = newValue 相同的效果，同时也将触发状态更新：

1 2	// Vue.set Vue.set(example1.items, indexOfItem, newValue)

 

1 2	// Array.prototype.splice example1.items.splice(indexOfItem, 1, newValue)

为了解决第二类问题，你可以使用 splice：

1	example1.items.splice(newLength)