Vue2 修改了数组哪些方法,为什么

1、Vue2 修改了以下数组方法

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

这些方法都是可以改变原数组的。

为了实现数据响应式更新,Vue2 在这些方法中添加了特定的代码,以便通知 Vue 视图更新数据

举个例子,当我们通过 push() 方法向一个数组中添加元素时,Vue2 会检测到这个数组发生了变化,并通知 Vue 视图更新相关数据。这个操作不需要我们手动去更新视图,Vue2 会帮我们完成

2、特殊场景

需要注意的是,如果我们使用非响应式的方式来更新数组,例如直接修改数组中某个元素的值,Vue2 就无法监听到这个变化。

所以我们需要遵循 Vue2 的修改数组的规范,通过 Vue2 提供的 $set 的方式来修改数组中的元素的值,才能让 Vue2 正常响应式更新数据。

相关推荐
deli0072 分钟前
Redis 缓存穿透、击穿、雪崩:9 组流量实测数据库怎么被打穿
前端
江华森7 分钟前
5Mbps 小水管也能扛:K3s 上 k6 压测 + HPA 弹性伸缩实测
前端
shuangyueliao15 分钟前
103 个小游戏的商店素材,我一张图都没手动做:截图 / 封面 / 打包 / 提审全自动
前端
用户27639657651015 分钟前
放弃 JWT 后,我给 FastAPI 游戏服务端手撸了一套 token session
javascript
ZhengEnCi15 分钟前
前端项目为什么需要一份统一的 theme.css:用 CSS 变量管住全局样式与主题切换
前端·css·前端工程化
wordbaby24 分钟前
一次微信小程序 `web-view` 跳转原生页回跳后 H5 白屏的排查与修复(Hash 路由污染)
前端
用户7218804383525 分钟前
密码骰子:结合AIUI在眼镜上生成一串16位密码
前端
江华森1 小时前
全链路可观测落地记:kube-prometheus-stack 在 K3s 上的 8 个坑与一整套修复脚本
前端
用户84298142418101 小时前
从 JavaScript 到可运行的字节码 - ByteJS 使用指南
javascript
deli0071 小时前
27 寸 4K 开 125% 为什么发虚?PPI 和缩放一次算清
前端