Vue哪些数组操作是响应式的 数组操作

一、响应式操作
1.push
this.letter.push(‘aaa’,‘bbb’)

2.pop();删除数组中的最后一个元素
this.letter.pop();

3.shift(); 删除数组中的第一个元素
this.letter.shift()

4.unshift();在数组最前面添加一个元素
this.letter.unshift(‘aaaa’)

5.splice();删除元素/插入元素/替换元素
删除元素:第二个参数传入要删几个元素,参数二没传后面全删
this.letter.splice(start,num)
this.letter.splice(起始位置从0开始,删除个数)

插入元素:第二个参数传入0,并且后面跟上需要插入的元素
this.letter.splice(start,0,‘aaa’,‘bbb’)
this.letter.splice(起始位置从0开始,0,插入的元素,可以是多个)

替换元素:第二个参数,表示要替换几个元素,后面跟上要替换的元素
this.letter.splice(start,2,‘23456’,‘7890’)
this.letter.splice(起始位置从0开始,替换个数(也可以理解为删除个数),替换元素(可以比替换个数多,可以理解为删除后插入的元素))

6.sort();排序
this.letter.sort();

7.reverse(); 反转
this.letter.reverse();

8.Vue.set()
vue.set(this.letter,0,‘bbbb’)
vue.set(数组,下标,‘修改的东西’)

二、非响应式操作
通过索引值修改数组中的元素,不算相应式的,数据改了,界面不会改变

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值