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
实现对响应属性的监听,监听到结果后,主动触发自己的回调进行相应。