vue的双向数据绑定实现原理(简单)

理论:

双向数据绑定的原理就是劫持数据结合发布订阅者模式实现的。

步骤:

第一步:创建一个监听者,Observer,监听属性变化,当属性变化的时候,通知订阅者。

第二步:创建一个订阅者,watcher 用来接收属于变化的通知并且执行相对应的方法,然后更新视图view。

第三部,创建一个解析器,compile ,可以扫描和解析每一个节点相关指令,还可以,初始化模板数据,和初始化相关订阅者

图解:

vue的双向数据绑定实现原理(简单)