Vue的双向绑定原理

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

猜你喜欢

热点阅读