vue中object的变化侦测

1:数据的响应式:object通过object.defineproperty将属性转换成getter/setter的形式来追踪变化,读取数据时会触发getter,修改数据的时候触发setter.

2:我们在哪里去使用这些响应式的数据呢?
在依赖里面,也就是使用了这些数据的的地方,我们创建一个Dep,用他来收集依赖,删除依赖和向依赖发送消息等。
其实依赖就是watcher.只有watcher触发的getter才会收集依赖。 那个watcher收集了依赖就把那个watcher放到Dep中。当数据发生变化了的时候,将依赖列表都通知一遍,通知所有的watcher.
在这里插入图片描述
总结:
第一步:data通过observer转换成getter和setter来追踪变化
第二部:当外界通过watcher读取数据的时候,会触发getter来收集依赖,就是将watcher添加到依赖中
第三步:当数据发生变化的时候,会触发setter,从而向dep中的依赖(watcher)发送通知
第四步:watcher接受通知以后,向外界发送通知,变化通知到外界后可能会更新示图或触发某个回调函数等等

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值