Vue双向数据绑定原理

112 阅读1分钟

Vue采用数据劫持结合订阅发布者模式实现数据的双向绑定. 简单来说就是通过ES5的Object.defineProperty()来劫持每个属性的getter和setter.当数据变动时通知订阅者,触发相应的回调,实现视图层的变化. 具体实现过程中Observe(监听自己model数据变化)和Compile(解析编译模板指令)之间的重要桥梁就是Watcher(订阅器)