vue数组改变但是页面不更新的解决方案

1、由于javascript的限制，某些情况vue会监听不到数组的变化，例如：items[index] = newitem

2、或者是数组结构过于复杂和深度过深，也可能导致更新出现问题

一开始我们可能会想到用用深拷贝JSON.parse, 数组的splice方法，或者$set方法。 但是当数组结构嵌套越深的时候，这些方法就不能用了

解决方案

1、当使用items[index] = newitem这类写法，页面监听不到数组变化，可修改写法：this.$set(this.items,index,newitem)

2、当是结构复杂或深度过深时，可采用此方法： 首先定义一个变量为keyDate: 0 在数组变化，需要更新页面的地方加上个绑定的:key=“keyDate”

即：

在数组变动之后，加上这句代码即可：this.keyDate += 1