Vue学习2.0--数据代理

一、Vue技术Object——defineProperty

1.Object.defineProperty方法

展示图图例 

2.enumerable控制属性是否可以枚举（遍历）

图例 

3.writable控制属性是否可以被修改，默认值为false 

图例 

 4. configurable控制属性是否可以被删除，默认值为false

图例

 

 

5. 产生关联

二、何为数据代理 

1.定义

通过一个对象代理对另一个对象中属性的操作（读/写）

2.举例代码

三、Vue中的数据代理 

1.图片解析

 2.代码解析getter

直接改动代码中的数据，会发现改动

3.代码解析 setter

 

4.Vue中数据代理的好处

更加方便的操作data中的数据 

5.基本原理

1）通过Object.defineProperty()把data对象中所有属性添加到vm上

2）为每一个添加到vm上的属性，都指定一个getter/setter

3）在getter/setter内部去操作（读/写）data中对应的属性