vue的简单实现




    
    Object.defineProperty
    


    

参考vue.js实现双向绑定的方法理解双向绑定原理(:Object.defineProperty和发布-订阅模式)

前端MVVM原理--参考vue.js实现

  • Objdect.defineProperty实现属性劫持
  • 实现一个Observer,能够对数据的所有的属性进行监听,如有变动可拿到最新值并通知订阅者
  • 实现一个Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换相应数据并绑定相应更新函数
  • 实现Watcher,作为连接Observer和Compile的桥梁,能够订阅并收到每一个属性变动的通知,并执行指令绑定的相应更新函数,更新视图
  • mvvm入口函数,整合以上三者
{{ textvalue }} {{ text }} {{ text }}

转载至https://www.cnblogs.com/CodeDeath/p/6323456.html

你可能感兴趣的:(vue的简单实现)