数据代理

1. Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读或写

2. Vue中数据代理的好处：更加方便操作data中的数据

3. 基本原理

   ​ 通过Object.defineProperty()把data对象中的所有属性添加到vm上中，为每一个添加到vm上的属性都指定一个getter()setter()函数，在getter()setter()函数；里面去操作data中对应的数据

 const vm=Vue.createApp({
            data(){
                return{
                    name:'Ann',
                    address:'06404'
                }
            }
        })
vm
{
...
_data{
	 name:(...),
     address:(...),   
	}
name:(...)
address:(...)//Object.defineProperty()
Object.defineProperty(vm,'name',{
	value:_data.name.get()
	enumerable:
	writable:
	configurable://默认为false,控制属性是否可以被删除

	get(){
		return _data.name.get()
	}
	set(value){
		_data.name.set(value)
	}
})
Object.defineProperty(vm,'address',{
	value:_data.address.get()
	enumerable:
	writable:
	configurable://默认为false,控制属性是否可以被删除
	get(){
		return _data.address.get()
	}
	set(value){
		_data.address.set(value);
	}
})
}