为什么数据变了但是视图并没有更新?

最新推荐文章于 2023-07-13 16:58:52 发布

一心想敲代码

最新推荐文章于 2023-07-13 16:58:52 发布

阅读量535

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_59023662/article/details/121774712

版权

Vue框架中的数据双向绑定原理是通过数据劫持和发布订阅模式实现的。数据劫持利用Object.defineProperty()监听data中的初始属性变化。然而，对于后期动态添加的属性，Object.defineProperty()无法进行监听。为了解决这个问题，Vue提供了$set方法，确保新添加的属性也能触发视图更新。使用$set可以确保模型改变时，视图能够正确响应并更新。

摘要由CSDN通过智能技术生成

在vue中模型变视图变是因为vue中有数据劫持与发布者订阅者模式共同影响的但是数据劫持是通过Object.deineProperty()来进行劫持的但是Object.deineProperty() 只会监听初始化的时候data里面的数据 如果初始化之后新添加的属性是不会被劫持到的所以模型变了数据劫持就劫持不上视图也就不更新

解决方式使用$set来完成

this.$set(你要操作的数据,你要新增的key,你要新增的val)