vue的双向绑定的原理
1、双向绑定实现的数据和模板相互影响的效果,任何一方发生变化另一方就会更新;
2、virturl DOM 和数据管理方式,前者模板管理,后者是数据管理
原理:
1、vue框架包括view视图层,model数据层,ViewModel控制层 ,mvvm就是将试图和数据关联起来
2、职责就是数据变化通知视图更新,视图变化后更新数据
3、对应两个组成模块
(1)监听器 Observer 观察数据的变化,并通知视图更新
有两个部分组成 观察者模式和数据劫持
观察者模式:由发布者和订阅者组成,前者发布通知变化,后者负责订阅需要关注的变化 二者是独立存在的,需要一个消息队列
数据劫持:Object.defineProperty 来实现,为数据的每个属性更新关联观察者
(2)解析器 Compiler :观察UI的交互 并同步数据
定义了这两个模块就实现了双向绑定
4、模板解析
component 解析
网友评论