木灵鱼儿

木灵鱼儿

阅读：530

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

木灵鱼儿

发布了 559 篇文章获得点赞 0获得阅读 530

版权申明

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

one
two
three

关于作者

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

相关文章

利用JSON过滤对象和数组中指定的key属性利用JSON过滤对象和数组中指定的key属性
使用vue.draggable拖拽组件遇到的一些问题使用vue.draggable拖拽组件遇到的一些问题
关于 element table多选里面实现单选的偷懒做法关于 element table多选里面实现单选的偷懒做法
深拷贝+循环引用深拷贝+循环引用
关于element el-input 输入的值需要转number的问题关于element el-input 输入的值需要转number的问题

目录树