关于数组的响应式方法和非响应式方法

Posted 2021-02-28 a973692898

Vue内部修改数组的方法：

Vue.set( 要修改的对象，索引值，修改后的值)Vue.set(this.array,0,‘加油‘)   将数组中第一个元素修改为  加油

Vue中对数组是响应式的方法：

1.push（）：该方法是在数组最后添加数据    假设数组为array

this.array.push(‘a‘) ==============> 在数组array的最后添加一个a

this.array.push(‘a’,‘b‘,‘c‘)==========>在数组array的最后添加上三个元素，a，b，c

2.splice () ： 该方法有三个参数，例子： this.array.splice(1,0,‘f‘)   

第一个参数为：从第几个开始？

第二个参数为：删除几个？

第三个参数为：插入什么参数？

删除元素：第二个参数传入，代表着你要删除几个元素？如果没有传入的话，就删除后面所有的元素

this.array.splice(1,2) 从第一个参数开始，删除俩个参数！ this.array.splice(1),从一个参数开始，删除后面所有的参数！

替换元素：第二个参数表示我们要替换几个元素，后面是用于替换他们的元素

this.array.splice(1,1,‘a‘) 从第一个参数开始将下一个元素替换成a；

this.array.splice(1,3,‘a‘,‘b‘,‘c‘)从第一个参数开始将下面的三个元素替换成a,b,c

插入元素：第二个元素传入0，后面写要插入的元素就可以了

this.array.splice(1,0,‘a‘)在第一个参数后面插入a

this.array.splice(1,0,‘a‘,‘b‘,‘c‘)在第一个参数后面插入a,b,c

3.pop () : 该方法，删除数组最后一个元素；

this.array.pop();

4.shift () : 该方法，删除数组第一个元素

this.array.shift();

5.unshift () :该方法在数组最前面添加元素，

this.array.unshift(‘加油哟‘)  在数组前面添加一个元素：加油哟

this.array.unshift(‘a‘,‘b‘,‘c‘)  在数组前面添加三个元素：a，b，c

6.sort () : 该方法是对数组进行排序的

this.array.sort();

7.reverse () : 该方法是对数组进行反转的

this.array.reverse();

 

Vue中对数组是非响应式的方法

通过索引改变数组不是响应式的

this.array[0] = ‘aaa‘