Vue监听不到数据变化?

作者: Rememberautumn 分类: JavaScript,Web前端 发布时间: 2016-04-10 09:59 阅读: 6,730

logo

Vue.js 最显著的一个功能是响应系统 —— 模型只是普通对象,修改它则更新视图。

一个普通对象传给 Vue 实例作为它的 data 选项,Vue.js 将遍历它的属性,用 Object.defineProperty 将它们转为 getter/setter。

模板中每个指令/数据绑定都有一个对应的 watcher 对象,在计算过程中它把属性记录为依赖。之后当依赖的 setter 被调用时,会触发 watcher 重新计算 ,也就会导致它的关联指令更新 DOM。

Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。

不过,有办法在实例创建之后添加属性并且让它是响应的

对于 Vue 实例,可以使用 $set(key, value) 实例方法:

 

对于普通数据对象,可以使用全局方法 Vue.set(object, key, value)

 

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注