当前位置：首页 > news >正文

vue从入门到精通(六)：数据代理

news 2025/7/8 19:54:51

一，什么是数据代理

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

二，object.defineproperty方法

object.defineproperty方法可以对对象追加属性

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>object.defineproperty方法</title></head><body></body><script type="text/javascript">let person = {name:'张三',sex:'男'}//对对象追加属性Object.defineProperty(person,'age',{value:18,// enumerable:true,//控制属性是否可以枚举 默认flase// writeable:true,//控制属性是否可以被修改，默认false// configurable:true,//控制属性是否可以被删除，默认false//当有人读取person的age属性时，get函数（getter）就会被调用，且返回值就是age的值get:function(){return 'aaa'},//当有人修改person的age属性时，set函数（setter）就会被调用，且收到修改的具体值set:function(value){console.log(value)}})console.log(Object.keys(person))console.log(person)</script>
</html>

使用object.defineproperty实现数据代理

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>使用object.defineproperty实现数据代理</title></head><body></body><script type="text/javascript">let obj={x:100}let obj2={y:200}object.defineproperty(obj2,'x'{get(){return obj.x},set(val){obj.x = val}})</script>
</html>

三，Vue中的数据代理

Vue中的数据代理:
通过vm对象来代理data对象中属性的操作(读/写)
Vue中数据代理的好处:
更加方便的操作data中的数据
基本原理:
通过object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加到vm上的属性，都指定一个getter/setter在getter/setter内部去操作(读/写)data中对应的属性。

vue从入门到精通(六)：数据代理

一，什么是数据代理通过一个对象代理对另一个对象中属性的操作二，object.defineproperty方法 object.defineproperty方法可以对对象追加属性 <!DOCTYPE html> <html><head><meta charset"utf-8"><title>object…...

编程日记 2024/6/4 13:27:37

【C++修行之道】类和对象（二）类的6个默认成员函数、构造函数、析构函数

目录一、类的6个默认成员函数二、构造函数 2.1 概念 2.2 特性 2.2.5 自动生成默认构造函数不进行显示定义的隐患： 2.2.6 自动生成的构造函数意义何在？ 两个栈实现一个队列 2.2.7 无参的构造函数和全缺省的构造函数都称为默认构造函数&#x…...

编程日记 2024/6/4 13:26:36

【LeetCode热题100总结】239. 滑动窗口最大值

题目描述给你一个整数数组 nums，有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。返回滑动窗口中的最大值。示例 1： 输入：nums [1,3,-1,-3,5,3,6,7]…...

编程日记 2024/6/4 13:25:34

【YOLOv9改进[Conv]】使用YOLOv10的空间通道解耦下采样SCDown模块替换部分CONv的实践 + 含全部代码和详细修改内容

本文将使用YOLOv10的空间通道解耦下采样SCDown模块替换部分CONv的实践，文中含全部代码和详细修改内容。目录一 YOLOv10 1 空间通道解耦下采样 2 可视化...

编程日记 2024/6/4 13:24:33

简单小游戏制作

控制台基础设置 //隐藏光标 Console.CursorVisible false; //通过两个变量来存储舞台的大小 int w 50; int h 30; //设置舞台（控制台）的大小 Console.SetWindowSize(w, h); Console.SetBufferSize(w, h);多个场景 int nowSceneID 1; while (true) …...

编程日记 2024/6/4 13:23:32

Delphi

Delphi，是美国 Borland（宝兰）公司於 1995 年开发在 Windows 平台下的快速应用程式开发工具 (Rapid Application Development，简称 RAD)，它的前身是在 DOS 下的产品 Borland Turbo Pascal。（非开源软件&…...

编程日记 2024/6/4 13:20:29

Linux的shell脚本中的比大小

如果要将 -le 换成相反的（即“大于”），你应该使用 -gt（greater than）。所以，-le 的相反比较是 -gt。但如果你想要一个包含“大于”和“不等于”的比较（即“大于”），那…...

编程日记 2024/6/4 13:19:28

20240603 六日涨幅最大: ------1--------300637--------- 扬帆新材五日涨幅最大: ------1--------300637--------- 扬帆新材四日涨幅最大: ------1--------301306--------- 西测测试三日涨幅最大: ------1--------301306--------- 西测测试二日涨幅最大: ------1--------30…...

编程日记 2024/6/4 13:17:26

adb server version (22000) doesn‘t match this client (41)； killing...

参考链接: adb server version (31) doesn’t match this client (41); killing… 解决此问题电脑安装了360手机助手占用了adb的端口引起的。因为套接字的唯一性（一个套接字只能由协议/网络地址/端口号唯一确定 ），一个电脑只能有一个程序…...

编程日记 2024/6/4 13:16:25

如何使用 Connector API 将数据提取到 Elasticsearch Serverless 中

作者：来自 Elastic Jedr Blaszyk Elasticsearch 支持一系列摄取方法。其中之一是 Elastic Connectors，它将 SQL 数据库或 SharePoint Online 等外部数据源与 Elasticsearch 索引同步。连接器对于在现有数据之上构建强大的搜索体验特别有用。例如&…...

编程日记 2024/6/4 13:15:24

体育赛事直播系统开发源码搭建

随着体育产业的蓬勃发展，体育赛事直播已成为广大观众获取赛事信息的重要途径。为了满足观众日益增长的需求，开发一套专业的体育赛事直播系统成为当务之急。本文将围绕体育赛事直播系统开发源码搭建进行深入探讨，从技术选型、系统架构、安全防…...

编程日记 2024/6/4 13:13:22

使用Jmeter进行性能测试

学习视频 B站UP主：白月黑羽编程目录 Jmeter的下载 Jmeter界面 Jmeter操作线程组与HTTP请求测试一个请求解决响应数据中中文乱码的问题 HTTP请求默认值录制网站流量添加录制控制器添加HTTP代理服务器在浏览器配置代理进行录制模拟间隔时间 …...

编程日记 2024/6/4 13:12:21

AI技术的发展，会让你工作轻松吗

这两年，人工智能技术迅猛发展，AI产品层出不穷，尤其大语言模型（LLM）的爆火，许多人担心自己的工作会被AI取代。然而，如果AI技术发展到极致，再加上其他科学技术的高度发展，我…...

编程日记 2024/6/4 13:11:19

Spring-DI入门案例

黑马程序员SSM框架教程文章目录一、DI入门案例思路分析二、实现步骤2.1 删除service中使用new形式创建的Dao对象2.2 提供以来对象对应的setter方法2.3 配置service与到之间的关系一、DI入门案例思路分析基于IoC管理bean（上个案例已经实现）service中…...

编程日记 2024/6/4 13:09:17

ubuntu18.04 报错：fatal error: execution

一、问题描述在ubuntu18.04上编译Faster-lio 报错： fatal error: execution: 没有那个文件或目录#include <execution> 二、解决方法需要将g编译器更新到9.0 sudo add-apt-repository ppa:ubuntu-toolchain-r/test sudo apt update sudo apt install g…...

编程日记 2024/6/4 13:08:16

开源大模型与大模型api的使用优缺点

开源大模型和大模型 API 都是人工智能领域中的重要概念，它们各自有一些优缺点。开源大模型： 优点： 免费使用： 大多数开源大模型是免费提供的，任何人都可以访问和使用这些模型，降低了使用门槛。可定制性…...

编程日记 2024/6/4 13:07:14

小红书前端2轮面试期望22K，全程问低代码设计

一面（通过） 1、好，那我们开始把，先简单介绍一下自己的一个经历，以及自己有亮点的项目？balabala 2、你可以这样介绍：在这里边主要负责哪几个项目，哪些项目是比较有亮点的&#xff0…...

编程日记 2024/6/4 13:06:13

HIK录像机GB28181对接相机不在线问题随笔

一、问题现象【设备信息】型号：DS-8664N-I16-V3 V4.63.000 build 230412 【问题现象】HIK录像机使用GB28181对接异常相机无法正常上线，对接HIK相机可以正常上线。【现场拓扑】现场拓扑如下 NVR侧使用固定公网IP地址。IPC侧使用家用宽带的方式&…...

编程日记 2024/6/4 13:04:11

stm32-DMA转运数据

在配置前要记得先定义一下DMA转运的源端数组和目标数组两个数组哦。接下来我们就开始准备配置吧配置初始化 1.RCC开启时钟（开启DMA的时钟） void RCC_AHBPeriphClockCmd(uint32_t RCC_AHBPeriph, FunctionalState NewState) 作用：开启时…...

编程日记 2024/6/4 13:03:09

Java编程常见问题汇总一

系列文章目录文章目录系列文章目录前言一、字符串连接误用二、错误的使用StringBuffer三、测试字符串相等性四、数字转换成字符串五、利用不可变对象(Immutable) 前言前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分…...

编程日记 2024/6/4 13:02:07

wordpress后台更新后前端没变化的解决方法

使用siteground主机的wordpress网站，会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后，网站没有变化的情况。不熟悉siteground主机的新手，遇到这个问题，就很抓狂，明明是哪都没操作错误&#x…...

编程新知 2025/7/8 16:41:50

铭豹扩展坞 USB转网口突然无法识别解决方法

当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因：背景：一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...

编程新知 2025/7/7 5:19:14

三维GIS开发cesium智慧地铁教程（5）Cesium相机控制

一、环境搭建 <script src"../cesium1.99/Build/Cesium/Cesium.js"></script> <link rel"stylesheet" href"../cesium1.99/Build/Cesium/Widgets/widgets.css"> 关键配置点： 路径验证：确保相对路径.…...

编程新知 2025/6/21 4:17:55