木灵鱼儿

木灵鱼儿

阅读:403

最后更新:2020/11/15/ 9:59:44

如何触发组件的更新

vue会对data中的值进行处理,如果在template中使用到了,就会对这个值进行setter和getter处理,等于就是添加到了watch一样,当数据发生变化时,就会触发的方对应的getter、setter方法,方法针对性的更新。

这个setter和getter的绑定触发,是必须现在data预设好才行,否则vue都运行完毕了再进行添加,是无法响应式更新的。

也就是说。vue的响应式更新,他只能监听你一开始就预设好的值,如果你是后面再手动添加的,是无法检测到的,也就无法进行更新。

比如:

data(){
  return {
    obj:{}
  }
}

有一个obj的空对象

我们手动给他附加一个值

this.obj.number = 1;

这个并不会触发vue的响应式更新。

这样才行

data(){
  return {
    obj:{
      number:undefined
    }
  }
}
this.obj.number = 1;

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 403

相关文章

目录树