vue数组/对象的更新检测

Vue无法检测到对象的添加或删除,数组更新依赖于`__ob__`和`dep`属性,提供了如`push`、`pop`等变异方法来确保视图更新。直接通过索引设置数组元素或修改数组长度不会触发更新。解决方法包括使用`vm.$set`或`splice`。对于对象,Vue不能动态添加根级响应式属性,但能通过`Vue.set`或`vm.$set`添加嵌套对象的响应式属性。在添加多个新属性时,推荐创建新对象而不是直接修改原有对象。
摘要由CSDN通过智能技术生成

原本地址:https://my729.github.io/blog/interview/vue相关.html#vue数组-对象的更新检测

::: danger 重要
Vue不能检测到对象的添加或者删除。Vue在初始化实例时就对属性执行了setter/getter转化过程,所以属性必须开始就在对象上,这样才能让Vue转化它
:::

vue检测数据(数组)变动靠的是settergetter这两个属性,而这两个属性,使用了js原生的Object.defineProperty(),第一个实现Object.defineProperty方法的浏览器是IE8,这也是为什么vuejs不支持ie8以下的原因

数组更新检测

Vue 包含一组观察数组的变异方法,它们也将会触发视图更新:

push()
pop()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值