Vue用v-for循环渲染数组数据，数据更新了，视图并没更新

Question

Vue用v-for循环渲染数组数据，数组数据更新时，视图没有更新以上是Html代码以上是JS代码，当我groupArr数据更新时，todos数据也更新了，但是视图并不渲染，只有第一次渲染，以后数据改变也不会渲染希望各位帮忙解决一下这个问题

Answer 1

请先看是否遇到了vue文档说的注意的事项

注意事项

由于 JavaScript 的限制， Vue 不能检测以下变动的数组：
当你利用索引直接设置一个项时，例如： vm.items[indexOfItem] = newValue
当你修改数组的长度时，例如： vm.items.length = newLength
为了避免第一种情况，以下两种方式将达到像 vm.items[indexOfItem] = newValue 的效果， 同时也将触发状态更新：

// Vue.setVue.set(example1.items, indexOfItem, newValue)// Array.prototype.splice`example1.items.splice(indexOfItem, 1, newValue)

避免第二种情况，使用 splice：

example1.items.splice(newLength)