- 原文:https://juejin.cn/post/6844904183938678798
-
image.png
- 自己的理解
- 还未阅读订阅者和观察者设计模式
- 从
new
实例开始,通过dom
解析指令{{}}
语法,并渲染,在渲染页面的时候,为data
中每一个对象添加watcher
观察者. - 在
observer
这里的功能包括为data
中每一个数据设置defineProperty
,get
,set
发表方法。并添加为每一个数据添加订阅者,当数据发生改变时通知观察者,更新数据并更新视图。
关键:
添加订阅者和观察者,通知观察者。
依赖Object.defineProperty
,这个方法,通过修改他的get/set
方法。为数据设置监听函数,Object.defineProperty的getter/setter方法,会在数据进行访问/或修改时触发。
网友评论