Vue中数组的响应方式

改变DOM绑定的数据时,DOM会动态的改变值。数组也是一样的

但是对于动态变化数据,有要求,不是任何情况改变数据都会变化

            methods: {
                btn1() {
                    //1.push在最后添加元素
                    this.letters.push('f')
                    //2. pop() 删除最后一个元素
                    this.letters.pop()
                    //3. shift() 删除第一个元素
                    this.letters.shift()
                    //4. unshift() 添加在最前面, 可以添加多个
                    this.letters.unshift('aaa', 'bbb', 'ccc')
                    //5. splice(): 删除元素 / 插入元素 / 替换元素
                    splice(1, 1) //在索引为1的地方删除一个元素, 第二个元素不传, 直接删除后面所有元素
                    splice(index, 0, 'aaa') //再索引index后面删除0个元素, 加上 'aaa',
                        splice(1, 1, 'aaa') //替换索引为1的后一个元素为 'aaa'
                    this.letters.splice(2, 0, 'aaa')
                    //6. sort() 排序可以传入一个函数
                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值