vue双向数据绑定原理

时间：2020-01-20 00:01:19 阅读：121 评论：0 收藏：0 [点我收藏+]

1.实现一个数据监听器Observer,能够对数据对象的所有属性进行监听，如有变动可拿到最新值通知订阅者
2.实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析，以及绑定相应的更新函数
3.实现一个Watcher,作为连接Observer和Compile的桥梁，能够订阅并收到每个属性变动的通知，执行指令绑定的相应回调函数，从而更新视图
4.mvvm入口，整合以上三者