0 到 1 掌握:Vue 核心之数据双向绑定

实现数据的双向绑定:

1、实现一个监听器 Observer ,用来劫持并监听所有属性,如果属性发生变化,就通知订阅者;

2、实现一个订阅器 Dep,用来收集订阅者,对监听器 Observer 和 订阅者 Watcher 进行统一管理;

3、实现一个订阅者 Watcher,可以收到属性的变化通知并执行相应的方法,从而更新视图;

4、实现一个解析器 Compile,可以解析每个节点的相关指令,对模板数据和订阅器进行初始化。

Reference: 

0 到 1 掌握:Vue 核心之数据双向绑定 https://juejin.im/post/5d421bcf6fb9a06af23853f1

相关推荐