vue的数据代理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中对应的属性