首页 > 编程语言 > 详细

数组中哪些方法是响应式的

时间:2020-12-28 21:44:15      阅读:34      评论:0      收藏:0      [点我收藏+]

案例(点击按钮,页面变化,为响应式)

技术分享图片

技术分享图片

 

 

 

1. push方法 (响应式)

技术分享图片

 

 

 

2.pop 删除数组中最后一个元素(响应式)

技术分享图片

 

 

 3.shift 删除数组中第一个元素 (响应式)

技术分享图片

 

 

 4.unshift 在数组最前面添加元素(响应式)

技术分享图片

 

 

 5.splice 作用(响应式)

   作用:删除元素/插入元素/替换元素

第一个元素为开始的元素

删除元素:第二个参数传入你要删除几个元素(如果没有传,就删除后面所有的元素)

(从第一个元素后面开始,删除两个元素)

技术分享图片

 

 

 技术分享图片

替换元素:第二个参数,表示我们要替换几个元素,后面是用于替换前面的元素

(从第一个元素后面开始,删除三个,在替换为‘aaa‘,‘bbb‘,‘ccc‘,‘ddd‘)

技术分享图片

 

 

 技术分享图片

插入元素:第二个参数为0,并且后面跟上要插入的元素

(第一个元素后面开始,插入‘aaa‘,‘bbb‘,‘ccc‘,‘ddd‘这四个元素

技术分享图片

 

 

 技术分享图片

6. sort 给数组排序 (响应式)

7. reverse 倒序 (响应式)

8.注意:通过索引值修改数组中的元素(不是响应式)

点击没有反应

技术分享图片

 

 

 技术分享图片

 

 

可以换方法为

(1)  this.letters.splice(0,1,‘bbb‘)

技术分享图片

 

 技术分享图片

 

(2) Vue.set(this.letters,0,‘bbb‘)

    set(要修改的对象,索引值,修改后的值)

技术分享图片

 

 技术分享图片

 

数组中哪些方法是响应式的

原文:https://www.cnblogs.com/guohanting/p/14202816.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!