数据代理实践

1，什么事数据代理机制？

通过访问 代理对象的属性 来向该访问 目标对象的属性

数据代理机制的视线需要依靠，Object.defineProperty()方法

2， ES6新特性：

在对象中的函数/方法 ：function是可以省略的

<script>

//目标对象

let traget={

name : 'zhangsan '

}

//代理对象

let proxy={}

//如果要实现数据代理机制的话，就需要给proxy新增一个name属性

//注意：代理对象新增的这个属性的名字和目标对象的属性名要一致。

Object.defineProperty(proxy,'name',{

get:function(){

//简接访问目标对象的属性

return target.name

}，

set :function(val){

target.name=val0

}

get(){

//简接访问目标对象的属性

return target.name

}，

set(val){

target.name=val0

}

})

vmobj以下快捷键

注释{

const vm = new Vue({

el : ‘#app’，

data :{

name:'zhangsan'

}

})

}

</script>