vue的数据代理

<script type="text/javascript">
            let num = 16
            let person = {
                name:"张三",
                //age:18,
                sex:'男'
            }
            Object.defineProperty(person,'age',{
                /*value:16,
                enumerable:true,//控制属性是否能被遍历
                writable:true,//控制属性是否可以被修改
                configurable:true,//控制属性是否可以被删除*/
                //有人读取age属性时，get函数（getter）就会被调用。且返回值就是return的值
                get(){
                    console.log('读取值了')
                    return num
                },
                //有人修改age属性时，set函数（setter）就会被调用。且返回值就是return的值
                set(val){
                    console.log('修改值了,且值为',val)
                    num = val;
                }
            })
            console.log(person)

1.Vue中的数据代理
     通过vm对象来代理data对象中属性的操作（读/写）
2.Vue中数据代理的 好处
      更加方便的操作data中的数据
3.基本原理：
     通过object.defineProperty()把data对象中的所有属性添加到vm上
     为每一个添加到vm上的属性，都指定一个getter和setter
     在getter/setter内部去操作data中对应的属性