码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2020-04-18 12:12:05      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:push   16px   font   bsp   开始   span   unshift   改变   响应   

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‘

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

标签:push   16px   font   bsp   开始   span   unshift   改变   响应   

原文地址:https://www.cnblogs.com/a973692898/p/12724756.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!