首页 > 其他分享 >Vue技术6.2何为数据代理

Vue技术6.2何为数据代理

时间:2022-12-27 13:06:29浏览次数:43  
标签:obj2 obj 何为 代理 value Vue let 6.2


<!DOCTYPE html>>
<html>
<head>
<mata charset="UTF-8" />
<title>何为数据代理</title>
</head>
<body>
<!-- 数据代理:通过一个对象代理对另一个对象中属性的操作(读/写)-->
<script type="text/javascript">
let obj = {x:100}
let obj2 = {y:200}

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


标签:obj2,obj,何为,代理,value,Vue,let,6.2
From: https://blog.51cto.com/u_15923796/5972657

相关文章

  • Vue技术7.2事件修饰符
    <!DOCTYPEhtml>><html><head><mattacharset="UTF-8"/><title>事件修饰符</title><!--引入Vue--><scripttype="text/javascript"......
  • Vue技术8.2姓名案例_methods实现
    <!DOCTYPEhtml>><html><head><metacharset="UTF-8"/><title>姓名案例_methods实现</title><!--引入Vue--><scripttype="text/ja......
  • Vue技术8.2姓名案例_methods实现
    <!DOCTYPEhtml>><html><head><metacharset="UTF-8"/><title>姓名案例_methods实现</title><!--引入Vue--><scripttype="text/ja......
  • vue3_05使用reactive来处理复杂数据
    vue3中除了提供了ref函数以为还提供了reactive函数来操作数据,一般情况下我们使用ref函数来操作简单类型数据,reactive函数来操作复杂类型数据<template><div>{{objRet.na......
  • 疫情之下,IT部门该如何为企业创造更多价值?
    新经济时代的今天,IT部门俨然是现代企业的核心,首席信息官(CIO)也已成为企业的关键战略领导者。自19年疫情爆发以来,许多企业面临着众多困难和挑战,IT部门担起大任,为企业​​数字......
  • vue3_03ref操作复杂类型
    ref也可以将复杂类型的数据转换为响应式数据,使用方法和处理简单类型数据一样leta=ref(复杂类型数据)a.value.xxx<template><p>{{objref.num}}</p><button@c......
  • vue3_04ref获取标签
    ref也可以用来获取dom节点分为三步:1.给节点绑定ref='xxx'2.letxxx=ref()3.在挂载之后直接使用即可<template><divref="op">24</div><p>{{num}}</p>......
  • vue3中使用vuex
    一、使用习惯1(模块化):1、文件目录:2、userStore.tsimport{Module}from'vuex';//import{setStorage,getStorage}from"../../util/common";exportdefault{......
  • vue3_02ref操作简单类型
    vue3中提供了ref()函数可以把数据转换为响应式数据。<template><div>{{num}}</div><button@click="add">这是按钮</button></template><sc......
  • Vue3之setup的两个注意点
    setup的两个注意点setup执行的时机在beforeCreate之前执行一次,this是undefined。setup的参数props:值为对象,包含:组件外部传递过来,且组件内部声明接收了的属性。......