Vue 响应式原理
Vue 的响应式系统,核心有三点:observe, watcher, dep:
observe:遍历data中的属性,使用Object.defineProperty的get/set方法对数据进行劫持;dep:每个属性有自身的消息订阅器dep,用于存放所有订阅了该属性的观察者对象;watcher:观察者,通过dep实现对响应属性的监听,监听到结果后,主动触发自己的回调进行相应。
Vue 的响应式系统,核心有三点:observe, watcher, dep:
observe:遍历data中的属性,使用Object.defineProperty的get/set方法对数据进行劫持;dep:每个属性有自身的消息订阅器dep,用于存放所有订阅了该属性的观察者对象;watcher:观察者,通过dep实现对响应属性的监听,监听到结果后,主动触发自己的回调进行相应。