vue之数据代理

vue之数据代理

概念：通过一个对象代理对另一个对象中属性的操作

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>何为数据 代理</title>
</head>
<body>
<!--数据代理：通过一个对象代理对另一个对象中属性的操作-->

<script type="text/javascript">
  let obj={x:100};
  let obj2={y:100};

  Object.defineProperty(obj2,'x',{
      get(){
          return obj.x;
      },
      set(value){
          obj.x=value;
      }
  })
</script>
</body>
</html>

vue中的数据代理

posted @ 2022-05-31 21:15  King-DA  阅读(8)  评论(0)    收藏  举报