Vue 2中的响应式数据绑定通过使用JavaScript代理来实现。
响应式原理
- 数据代理：Vue 2使用
Object.defineProperty对数据对象的属性进行代理，从而能够拦截对这些属性的访问和修改操作。2
- 依赖收集：当组件依赖于某些数据时，Vue会记录这些依赖，当数据变化时，能够通知到这些依赖的组件。3
- 更新触发：一旦数据发生变化，Vue会根据之前收集的依赖，触发相应的更新，保证视图与数据的同步。4
实现细节
- Vue.set：对于已创建的实例，Vue 2提供了
Vue.set方法来动态添加响应式属性。1
- 响应式转换：Vue 2在初始化时会将
data选项中的数据对象转换为响应式对象，确保其属性能够触发视图更新。2
