vue 直接改变数组数据不刷新

因为 JavaScript 的限制，Vue.js 不能检测到下面数组变化：

1. 直接用索引设置元素，如 vm.items[0] = {}；

2. 修改数据的长度，如 vm.items.length = 0。

为了解决问题 (1)，Vue.js 扩展了观察数组，为它添加了一个 $set() 方法：

// 与 example1.items[0] = ... 相同，但是能触发视图更新
example1.items.$set(0, { childMsg: 'Changed!'})

 

或者使用vue变异方法：