vue修改数组时能触发更新的方法有哪些?

Vue.js中,对数组的特定方法如push、pop等进行操作会自动触发视图更新。此外,使用filter、concat、slice等方法改变数组并覆盖原数组同样能高效地更新视图,Vue通过智能DOM重用策略确保了高性能。
摘要由CSDN通过智能技术生成

Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:

push()
pop()
shift()
unshift()
splice()
sort()
reverse()

除了这些 变更方法 之外还有一些方法能触发数组的更新
使用时: this.arr = this.arr.filter(item => item.id == id)
filter()
concat()
slice()

它们通常都返回一个变更之后的数组 用它们把原数组对象覆盖掉

另外:
vue并不会因为数组的覆盖而 丢弃现有 DOM 并重新渲染整个列表。Vue 为了使得 DOM 元素得到最大范围的重用而实现了一些智能的启发式方法,所以用一个含有相同元素的数组去替换原来的数组依旧是非常高效的操作。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值