美文网首页
Vue的双向绑定原理

Vue的双向绑定原理

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

    相关文章

      网友评论

          本文标题:Vue的双向绑定原理

          本文链接:https://www.haomeiwen.com/subject/ofmlkhtx.html