• 我转过几个弯 绕过那个小雨楼
  • 拿着蒲扇摆着衣衫渡着紧箍咒
  • 不问天涯不停留 喝过几壶酒
  • 不过年少白头道义放胸口
  • 倘若明天之后 遥看前尘剑封侯
  • 似那天上神仙无所求
  • 朝朝暮暮君如梦醒十分不为何理由
  • 是真是假是惶恐是无休
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 又过了几个弯 算尽天量道莫慌
  • 踏这田园闻这芳草香
  • 跌跌撞撞仗剑天涯折煞不枉无笔良
  • 是梦是幻是温柔是家乡
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 谁能与我一醉方休

如何触发组件的更新

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
  • 本文分类:vue 开发实战
  • 本文标签:vue响应式更新监听
  • 流行热度:已超过 53 人围观了本文
  • 最后更新:2020年11月15日 - 9时59分44秒
  • 发布日期:2020年11月15日 - 9时59分44秒
  • 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

相关文章

微信收款码
微信收款码