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) //由最后一个数组元素开始删除