Vue数组操作

vue中数组的操作总结：

根据索引设置元素：

1.调用$set方法：

this.arr.$set(index, val);

2.调用splice方法：

this.arr.splice(index, 1, val);

合并数组：

this.arr = this.arr.concat(anotherArr);

清空数组：

this.arr = [];

主要的数组方法：

1.变异方法(修改了原始数组)，vue为触发视图更新，包装了以下变异方法：

push()
pop()
shift()
unshift()
splice()  //无论何时，使用该方法删除元素时注意数组长度有变化，bug可能就是因为她
sort()
reverse()

2.非变异方法(不会修改原始数组而是返回一个新数组)，如concat()、filter()，使用时直接用新数组替换旧数组，如上面的合并数组例子。

注意：

//以下操作均无法触发视图更新
this.arr[index] = val;
this.arr.length = 2;  

动力节点在线课程涵盖零基础入门，高级进阶，在职提升三大主力内容，覆盖Java从入门到就业提升的全体系学习内容。全部Java视频教程免费观看，相关学习资料免费下载!对于火爆技术，每周一定时更新!如果想了解更多相关技术，可以到动力节点在线免费观看Vue入门视频教程学习哦!