木灵鱼儿

木灵鱼儿

阅读：995

最后更新：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;
文章分类 vue 开发实战
文章标签 vue响应式更新监听
木灵鱼儿

木灵鱼儿

发布了 635 篇文章获得点赞 0获得阅读 995

版权申明

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

one
two
three

关于作者

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

相关文章

行为模式：观察者模式行为模式：观察者模式
行为模式：迭代器模式行为模式：迭代器模式
行为模式：访问者模式行为模式：访问者模式
解决Cocos Creator单屏开发改动脚本文件后还需要切换到Cocos Creator以触发脚本编译解决Cocos Creator单屏开发改动脚本文件后还需要切换到Cocos Creator以触发脚本编译
行为模式：命令模式行为模式：命令模式

目录树