vue数组更新问题

vue 包含的数组操作方法（变异方法）将会触发视图更新

push() 从数组末端添加项
pop() 从数组末端删除项
shift() 从数组头部删除项
unshift() 从数组头部添加项
splice(index,num) 删除 ,num希望删除元素的数量
sort() 排序
reverse() 反转

vue 不能检测变动的数组情况有 两个

1.利用索引直接设置一个项时
例如：vm.items[indexOfItem] = newValue
解决方案1：Vue.set(vm.items, indexOfItem, newValue)
亦可写成vm.$set(vm.items, indexOfItem, newValue)
解决方案2：vm.items.splice(indexOfItem, 1, newValue)

【注意】当newValue值为空时表示删除操作，此处为替换新值

2.修改数组的长度时
例如：vm.items.length = newLength
解决方案：vm.items.splice(newLength) //由最后一个数组元素开始删除