vue2的响应式原理
时间: 2023-03-04 11:21:07 浏览: 105
详细分析vue响应式原理
5星 · 资源好评率100%
Vue2的响应式原理是通过Object.defineProperty()来实现的。在Vue实例化时,Vue会对数据进行递归遍历,把每个属性都转换成getter/setter,并且在内部建立一个依赖收集的过程,即收集当前属性的所有依赖,当属性变化时,触发setter,通知依赖更新。这个依赖收集的过程是在模板编译时完成的,Vue会把模板中用到的数据对应的依赖都收集起来,然后建立一个Watcher实例,将Watcher实例添加到这些依赖的Dep中。当数据变化时,会触发Dep通知所有Watcher实例更新视图,从而实现响应式更新。
阅读全文