Vue2 中 Object.defineProperty 数据代理基本原理

Vue2 中 Object.defineProperty 数据代理基本原理

1、Vue 中的数据代理：

• 通过 vm 对象来代理 data 对象中的属性的操作（读/写）

2、Vue 中数据代理的好处：

• 更加方面的操作 data 中的数据

3、基本原来：

• 通过 Object.defineProperty() 把 data 对象中的所有属性添加到 vm（视图模型）上。
• 为每一个添加到 vm 上的属性，都指定一个 getter 和 setter。
• 在 getter / settet 内部去操作（读/写） data 中对应的属性。

数据代理图示

vm._data 中为了实现响应式，使用了数据劫持。