木灵鱼儿

木灵鱼儿

阅读：1325

最后更新：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响应式更新监听
木灵鱼儿

木灵鱼儿

发布了 696 篇文章获得点赞 0获得阅读 1325

版权申明

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

one
two
three

关于作者

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

相关文章

解决vant的tab组件swipeable功能与内部scroll冲突的问题解决vant的tab组件swipeable功能与内部scroll冲突的问题
moment utc时间转本地时间moment utc时间转本地时间
css选择器优先级计算规则css选择器优先级计算规则
对象的遍历对象的遍历
属性描述符属性描述符

目录树