代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>什么是数据代理</title>
<script src="../js/vue.js"></script>
</head>
<body>
<!-- 数据代理:通过一个对象代理对另一个对象中属性的操作(读、写) -->
<script>
//让obj2可以操作obj中的x
let obj = {x:100};
let obj2 = {y:200};
Object.defineProperty(obj2,'x',{
get(){
return obj.x;
},
set(value){
obj.x = value;
}
})
</script>
</body>
</html>
何为数据代理:
通过一个对象代理对另一个对象属性的操作(读、写)