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>