Vue中视图、data、Observer、Dep、Watcher的关系
2020-02-11 11:48:40 0 举报
Vue中视图、data、Observer、Dep、Watcher
作者其他创作
大纲/内容
外界(视图)
Observer(getter、setter)
data
用户操作触发setter
Watcher(中介:数据发生变化时,Dep通知他,他通知视图更新视图也通过他获取数据)
订阅并通知依赖更新(Wather实例化时主动将自己加入到Dep的订阅列表中)
外界通过watcher读取数据触发getter从而收集依赖
收集和通知依赖
读取数据触发getter收集依赖
通知视图重新渲染
外界数据传入到Observer中,将数据转化成通过getter和setter监控变化的响应式数据
Dep(依赖管理)
0 条评论
下一页