面试题系列--【vue双向数据绑定原理】

理论:

双向数据绑定的原理就是劫持数据结合发布订阅者模式实现的,数据和视图同步,即数据发生变化,视图跟着变化,视图变化,数据也随之发生改变

实现步骤:

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

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

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

 

 

posted on 2021-06-14 19:16  码农小小海  阅读(915)  评论(0编辑  收藏  举报

导航