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

Vue3中reactive和ref对比

news 2026/3/30 16:29:35

Vue3中reactive和ref对比

      • 数据角度对比
      • 原理角度对比
      • 使用角度对比

数据角度对比

  1. ref用来定义: 基本类型
  2. reactive用来定义: 对象(或数组)类型数据
  3. 备注:ref也可以定义对象或数组类型数据,它内部会调用reactive转为代理对象.

原理角度对比

  1. ref通过Object.defineProperty()中的get()与set()来实现响应式
  2. reacive通过使用Proxy来实现响应式,并通过Reflect操作源对象内部数据

使用角度对比

  1. ref定义的数据: 操作数据时需要.value, 读取数据不需要
  2. reactive定影的数据: 操作数据和读取数据都不需要.value

相关文章：

Vue3中reactive和ref对比

Vue3中reactive和ref对比 数据角度对比原理角度对比使用角度对比 数据角度对比 ref用来定义: 基本类型reactive用来定义: 对象(或数组)类型数据备注:ref也可以定义对象或数组类型数据,它内部会调用reactive转为代理对象. 原理角度对比 ref通过Object.defineProperty()中的ge…...

编程日记 2023/12/8 2:04:14

【尘缘送书第五期】Java程序员：学习与使用多线程

目录 1 多线程对于Java的意义2 为什么Java工程师必须掌握多线程3 Java多线程使用方式4 如何学好Java多线程5 参与方式 摘要：互联网的每一个角落，无论是大型电商平台的秒杀活动，社交平台的实时消息推送，还是在线视频平台的流量洪峰…...

编程日记 2023/12/8 2:03:13

Linux C语言 34-库封装操作

Linux C语言 34-库封装操作 本节关键字：C语言 封装库 动态库 相关C库函数： 什么是库？ 库是现成的，可以复用的代码。从本质上看，库是一种可执行代码的二进制形式，可以被操作系统载入内存执行。在C语言的编…...

编程日记 2023/12/8 2:02:12

JavaWeb-Tomcat

1. Web服务器 web服务器由硬件和软件组成： 硬件：计算机系统软件：计算机上安装的服务器软件，安装后可以为web应用提供网络服务。 常见的JavaWeb服务器： Tomcat（Apache）：应用最广泛的…...

编程日记 2023/12/8 1:59:09

k8s之Pod常用命令详解、镜像拉取策略（imagePullPolicy）

常用命令 kubectl api-resources #查询可操作的资源对象列表kubectl get pod #查看默认命名空间下所有pod kubectl describe pod podname #获取默认命名空间下POD详情# 如果要查看制定命名空间则使用 -n nsname kubectl get pod -n ns kubectl describe pod podname -n ns# 以Y…...

编程日记 2023/12/8 1:56:06

Spark低版本适配Celeborn

Spark-3.5版本以下使用Celeborn时，无法使用动态资源，对于低版本的Spark，Celeborn提供了patch。各版本patch如下 https://github.com/apache/incubator-celeborn/tree/main/assets/spark-patch 下载patch，这里下载spark-3版本&am…...

编程日记 2023/12/8 1:55:05

idea报错：Error:java: 不允许在使用 -release 时从系统模块 java.xml 导出程序包?

File->Settings, 把红框编译选中选项全部删除掉...

编程日记 2023/12/8 1:53:03

Vector Quantized Diffusion Model for Text-to-Image Synthesis

Vector Quantized Diffusion Model for Text-to-Image Synthesis Shuyang Gu, University of Science and Technology of China, Microsoft, CVPR2022, Cited: 340, Code, Paper 1. 前言 我们提出了用于文本到图像生成的矢量量化扩散(Vector Quantized Diffusion Model&…...

编程日记 2023/12/8 1:52:02

solidity实现ERC1155多代币标准

文章目录 1、NFT - 维基百科2、IERC1155MetadataURI3、IERC1155Receiver4、IERC11555、ERC11556、NFT11557、开源地址 1、NFT - 维基百科 ERC-1155 标准于2018年6月由Witek Radomski、Andrew Cooke、Philippe Castonguay、James Therien、Eric Binet及Ronan Sandford提出。此标…...

编程日记 2023/12/8 1:50:00

10、外观模式（Facade Pattern，不常用）

外观模式（Facade Pattern）也叫作门面模式，通过一个门面（Facade）向客户端提供一个访问系统的统一接口，客户端无须关心和知晓系统内部各子模块（系统）之间的复杂关系，其主要…...

编程日记 2023/12/8 1:48:59

＜软考＞软件设计师-3程序设计语言基础(总结)

(一) 程序设计语言概述 1 程序设计语言的基本概念 1-1 程序设计语言的目的 程序设计语言是为了书写计算机程序而人为设计的符号语言，用于对计算过程进行描述、组织和推导。 1-2 程序语言分类 低级语言 : 机器语言（计算机硬件只能识别0和1的指令序列)&…...

编程日记 2023/12/8 1:47:58

C/C++---------------LeetCode第278. 第一个错误的版本

第一个错误的版本 题目及要求二分查找 题目及要求 你是产品经理，目前正在带领一个团队开发新的产品。不幸的是，你的产品的最新版本没有通过质量检测。由于每个版本都是基于之前的版本开发的，所以错误的版本之后的所有版本都是错的。 假设你…...

编程日记 2023/12/8 1:46:57

C语言三种循环输出9*9乘法表

解题思路&#xff1a; 1、外层循环控制1~9循环 2、内层控制循环的次数 比如&#xff1a; 1 * 1 1 循环一次 1 * 1 1 1 * 2 循环两次 依此类推 int i, j;printf("for 打印9*9乘法表\r\n");for(i 1; i <10; i) {for(j 1; j < i;j) {printf("%d * %d %d…...

编程日记 2023/12/8 1:44:55

IntelliJ IDEA 之初体验

文章目录 第一步&#xff1a;下载与安装 IntelliJ IDEA1&#xff09;官网下载2&#xff09;选择那种安装包3&#xff09;开始下载4&#xff09;解压 第二步&#xff1a;启动 IntelliJ IDEA第三步&#xff1a;创建第一个 Java 项目第四步&#xff1a;运行第一个 Java 程序1&…...

编程日记 2023/12/8 1:42:54

java中synchronized和Lock的区别是什么？

synchronized 和 Lock 都是 Java 中用于实现线程同步的机制&#xff0c;但它们在使用方式和功能上存在一些区别。 使用方式 synchronized&#xff1a; 是 Java 语言关键字&#xff0c;可用于方法或代码块。通过 synchronized 关键字实现的同步是隐式的&#xff0c;无需手动释…...

编程日记 2023/12/8 1:37:48

ESP32-Web-Server编程-通过 Base64 编码在网页中插入图片

ESP32-Web-Server编程-通过 Base64 编码在网页中插入图片 概述 不同于上节 ESP32-Web-Server编程-在网页中通过 src 直接插入图片&#xff0c;本节引入 Base64 编码来显示图片。 Base64 是一种用64个字符来编码表示任意二进制数据的方法。任何符号都可以转换成 Base64 字符集…...

编程日记 2023/12/8 1:36:47

聊一聊大模型 | 京东云技术团队

事情还得从ChatGPT说起。 2022年12月OpenAI发布了自然语言生成模型ChatGPT&#xff0c;一个可以基于用户输入文本自动生成回答的人工智能体。它有着赶超人类的自然对话程度以及逆天的学识。一时间引爆了整个人工智能界&#xff0c;各大巨头也纷纷跟进发布了自家的大模型&#…...

编程日记 2023/12/8 1:34:45

pandas空格及网页空格符NBSP替换处理

df3[动作一课程内容]df3[动作一课程内容].str.replace( ,) df3[动作一课程内容]df3[动作一课程内容].str.replace( ,) 截图中代码为python展示代码&#xff0c;由于网页空格符和常规空格符看起来大致相同&#xff0c;但却不能用常规空格替换解决...

编程日记 2023/12/8 1:33:44

智能优化算法应用：基于战争策略算法无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于战争策略算法无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于战争策略算法无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.战争策略算法4.实验参数设定5.算法结果6.参考…...

编程日记 2023/12/8 1:32:44

数据结构和算法-栈

数据结构和算法-栈 1. 栈的介绍 栈的介绍&#xff1a; 栈的英文为(stack)栈是一个先入后出的有序列表栈是限制线性表中元素的插入和删除只能在线性表的同一端进行的一种特殊线性表。允许插入和删除的一端&#xff0c;为变化的一端&#xff0c;称为栈顶&#xff0c;另一端为固…...

编程日记 2023/12/8 1:28:38

i18n-node快速入门：10个简单步骤实现应用国际化 [特殊字符]

i18n-node快速入门&#xff1a;10个简单步骤实现应用国际化 &#x1f30d; 【免费下载链接】i18n-node Lightweight simple translation module for node.js / express.js with dynamic json storage. Uses common __(...) syntax in app and templates. 项目地址: https://g…...

编程新知 2026/3/30 15:56:56

ECharts地图标注避坑指南：解决区域地图显示不全、标注错位等常见问题

ECharts地图标注避坑指南&#xff1a;解决区域地图显示不全、标注错位等常见问题 当你在使用ECharts绘制区域地图时&#xff0c;是否遇到过地图显示不全、标注点位置偏移、JSON数据格式错误等问题&#xff1f;这些问题看似简单&#xff0c;却可能耗费开发者大量时间排查。本文将…...

编程新知 2026/3/30 15:36:48

动态数据源配置加密终极指南：如何选择最安全的填充模式保护敏感数据 [特殊字符]️

动态数据源配置加密终极指南&#xff1a;如何选择最安全的填充模式保护敏感数据 &#x1f6e1;️ 【免费下载链接】dynamic-datasource dynamic datasource for springboot 多数据源 动态数据源 主从分离 读写分离 分布式事务 项目地址: https://gitcode.com/gh_mirrors/dy/…...

编程新知 2026/3/30 15:34:48

建筑工地AI监控避坑指南：YOLOv11+PyQt5开发中的7个常见错误

建筑工地AI监控避坑指南&#xff1a;YOLOv11PyQt5开发中的7个常见错误 在建筑工地安全监控领域&#xff0c;AI技术的应用正从概念验证走向规模化落地。YOLOv11作为目标检测领域的新锐算法&#xff0c;配合PyQt5的灵活界面开发能力&#xff0c;确实能构建出高效的安全预警系统。…...

编程新知 2026/3/30 13:31:01

ESP32 Bootloader配置实战：如何优化启动时间与内存占用（附实测数据）

ESP32 Bootloader深度调优&#xff1a;从启动时间压缩到内存占用的实战指南 当你的ESP32设备在冷启动时需要等待超过500ms才能响应第一个用户指令&#xff0c;或是因内存不足频繁触发看门狗复位时&#xff0c;问题的根源往往隐藏在Bootloader的配置层。本文将带你穿透menuconfi…...

编程新知 2026/3/30 12:22:12

华硕笔记本CPU过热？G-Helper降压调优终极指南帮你降温10℃

华硕笔记本CPU过热&#xff1f;G-Helper降压调优终极指南帮你降温10℃ 【免费下载链接】g-helper Lightweight Armoury Crate alternative for Asus laptops. Control tool for ROG Zephyrus G14, G15, G16, M16, Flow X13, Flow X16, TUF, Strix, Scar and other models 项目…...

编程新知 2026/3/30 12:18:11

职场新人必看：用豆包+WPS AI+Canva免费版1小时搞定专业述职PPT（附真实案例）

职场新人1小时速成专业述职PPT&#xff1a;豆包WPS AICanva黄金组合实战指南 刚结束试用期的你&#xff0c;是否正为述职报告焦头烂额&#xff1f;看着同事那些排版精美、数据可视化的PPT&#xff0c;再对比自己Word转PPT的简陋作品&#xff0c;这种落差感我太懂了。三年前我刚…...

编程新知 2026/3/30 11:11:39

Loop：让Mac窗口管理效率倍增的效率神器

Loop&#xff1a;让Mac窗口管理效率倍增的效率神器 【免费下载链接】Loop MacOS窗口管理 项目地址: https://gitcode.com/GitHub_Trending/lo/Loop 你是否也曾在多任务处理时&#xff0c;被杂乱无章的窗口搞得焦头烂额&#xff1f;切换应用时总要在一堆窗口中寻找目标&a…...

编程新知 2026/3/30 10:12:03

避坑指南：rviz多点导航插件编译失败？可能是你的ROS版本或消息类型不匹配

避坑指南&#xff1a;rviz多点导航插件编译失败&#xff1f;可能是你的ROS版本或消息类型不匹配 当你满怀期待地从GitHub克隆了一个功能强大的rviz多点导航插件&#xff0c;准备为自己的机器人系统增添顺序导航能力时&#xff0c;却遭遇了令人沮丧的编译错误——这种经历对于RO…...

编程新知 2026/3/30 9:49:57

告别BibTeX混乱：在LaTeX中精准控制单条参考文献格式（颜色、字体）的实战技巧

告别BibTeX混乱&#xff1a;在LaTeX中精准控制单条参考文献格式&#xff08;颜色、字体&#xff09;的实战技巧 学术写作中&#xff0c;参考文献的视觉呈现往往被忽视。当审稿人要求"突出显示新增文献"时&#xff0c;当需要区分自己的前期工作与奠基性研究时&#x…...

编程新知 2026/3/30 8:37:28