当前位置: 首页 > Web前端 > vue.js

理解VUE的MVVM模式的原理

时间:2023-03-31 15:19:43 vue.js

vue使用数据劫持配合发布订阅者模式,通过object.definerProperty()方法劫持各个属性的setter和getter,在调用时向依赖集合发布消息数据变化通知观察者,做相应的回调函数,更新MVVM作为绑定入口,集成Observer、Compile和Watcher,通过Observer监听Model数据变化表,通过Compile解析编译模板指令。最后利用Watcher搭建Observer与compile之间的沟通桥梁,从而实现数据变化=“尝试更新,尝试交互变化=”数据模型变化的双向绑定效果。