vue2响应式原理

Vue2的响应式原理基于Object.defineProperty()实现。

当一个Vue实例被创建时，Vue会对data选项中的每个属性使用Object.defineProperty()方法进行劫持。这样，当我们修改data中的属性时，Vue就能够监听到这个变化，并且自动更新相应的视图。

在Vue中，每个组件都有一个Watcher实例，用于监听组件中使用的所有数据属性。当数据属性发生变化时，Watcher会通知Vue重新渲染组件，并更新视图。

Vue的响应式原理也包括了依赖收集和派发更新两个过程。当一个组件被渲染时，Vue会对组件中使用到的每个数据属性进行依赖收集。这个过程会建立一个依赖关系图，记录哪些组件依赖了哪些数据属性。

当一个数据属性发生变化时，Vue会遍历依赖关系图，找到所有依赖该数据属性的组件，并派发更新通知。这个过程会触发Watcher实例的update()方法，从而重新渲染组件，并更新视图。