哪些数组的方法是响应式的案例
1.push()方法 一次可以添加多个元素的
this.letters.push('aaa');
2.pop() 从最后一个开始删除元素的
this.letters.pop();
3.shift() 从第一个开始删除元素
this.letters.shift();
4.unshift() 在最前面添加元素 一次可以添加多个元素的
this.letters.unshift('aaa');
5.splice()作用:删除元素/插入元素/替换元素
this.letters.splice(1,3,'m','n','p');
this.letters.splice(1,0,'m','n','q');
6.sort()
this.letters.sort();
7.reverse()
this.letters[0] = 'bbbbb';
8.通过索引值修改数组中的元素(注意:此方法不是响应式的,界面不会改变的,不会被监听到)
this.letters[0] = 'bbb';
解决办法
<1>可以利用替换进行修改元素
this.letters.splice(0,1,'bbb');
<2>Vue内部的方法也可以修改
Vue.set(this.letters,0,'bbbbb');
笔记完整代码
哪些数组的方法是响应式的案例 - {{item}}