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接受通知以后,向外界发送通知,变化通知到外界后可能会更新示图或触发某个回调函数等等