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

vue3中 ref 和 reactive 的区别

news 2026/4/6 19:05:34

相同：均是声明响应式对象。且声明的响应式对象是深层的

1. 数据类型不同：ref用于包装JavaScript基本类型的数据（如字符串、数字、布尔值等），而reactive可以用于包装JavaScript对象和数组等复杂类型的数据。

2.访问方式不同：对于通过ref函数创建的响应式数据，我们可以通过.value属性来访问其实际值；而对于通过reactive函数创建的响应式对象，我们可以直接访问其属性或调用其方法。

3.设计理念不同：ref主要是为了解决单一元素/数据的响应式问题，而reactive则是为了解决JavaScript对象和数组等复杂数据结构的响应式问题

相关文章：

vue3中 ref 和 reactive 的区别

相同：均是声明响应式对象。且声明的响应式对象是深层的 1. 数据类型不同：ref用于包装JavaScript基本类型的数据（如字符串、数字、布尔值等），而reactive可以用于包装JavaScript对象和数组等复杂类型的数据。 2.访问方式…...

编程日记 2024/8/13 1:03:33

《单例模式的深度解读：实现方式、破坏情况与利弊权衡》

单例模式 一、单例模式的定义 ​ 单例模式（Singleton Pattern）是一种常见的软件设计模式，确保一个类只有一个实例存在，并提供一个全局访问点来获取该实例。 二、单例模式的实现方式 ​ 1.懒汉式单例 public class LazySingle…...

编程日记 2024/8/13 1:02:32

010607电压源和电流源受控源

电源的理论部分 1.6电压源和电流源1.理想电压源： 1.6电压源和电流源 1.理想电压源： 其两端电压总能保持定值或一定的时间函数，其值与流过它的电流i无关的元件叫理想电压源。 电路符号：中间与导线直通的圆圈 电压源&#xff1a…...

编程日记 2024/8/13 1:01:29

快乐数求解

编写一个算法来判断一个数 n 是不是快乐数。 「快乐数」 定义为： 对于一个正整数，每一次将该数替换为它每个位置上的数字的平方和。然后重复这个过程直到这个数变为 1，也可能是 无限循环 但始终变不到 1。如果这个过程 结果为 1&#xff0c…...

编程日记 2024/8/13 0:59:26

运维高级内容--为端口做标记、制定调度规则

rs: yum install mod_ssl -y #安装mod_ssl模块 让rs支持https systemctl restart http lvs: cd /boot/ ls less config-5.14.0-427.13.1.el9_4.x86_64 ipvsadm -A -t 192.168.0.200:80 -s rr ipvsadm -a -t 192.168.0.200:80 -r 192.168.0.10:80 -g -w 1 #轮询调度一次…...

编程日记 2024/8/13 0:57:24

后端Web之HTTP协议基础介绍

目录 1.HTTP概念 2.HTTP请求协议 3.HTTP响应协议 4.HTTP协议解析 1.HTTP概念 HTTP（HyperText Transfer Protocol，超文本传输协议）是一种用于分布式、协作式和超媒体信息系统的应用层协议。它是万维网数据通信的基础，允许将超…...

编程日记 2024/8/13 0:55:22

深入解析Nginx限流策略：如何高效控制访问频率

摘要：本文将详细介绍Nginx限流模块的使用方法，包括基于IP地址的限流、基于并发连接的限流以及如何应对突发流量。通过实际案例，帮助读者掌握Nginx限流策略，确保服务器在高并发场景下的稳定运行。 一、引言 在高并发场景下&#x…...

编程日记 2024/8/13 0:54:22

锂电池剩余寿命预测 | Matlab基于Transformer-GRU的锂电池剩余寿命预测

目录 预测效果基本介绍程序设计参考资料 预测效果 基本介绍 Matlab基于Transformer-GRU的锂电池剩余寿命预测，Transformer结合门控循环单元。 Matlab基于Transformer-GRU的锂电池剩余寿命预测（单变量） 运行环境Matlab2023b及以上。 首先从…...

编程日记 2024/8/13 0:53:14

深入理解Spring的IOC容器与依赖注入

深入理解Spring的IOC容器与依赖注入 引言 Spring框架的核心功能之一就是它的IOC容器，它为开发人员提供了强大的依赖管理和控制反转的能力。本文将详细介绍Spring的IOC容器以及依赖注入的基本概念和实现方式，并通过示例展示如何在实际项目中应用这些技术…...

编程日记 2024/8/13 0:52:13

Qt读写sysfs

本文介绍Qt读写sysfs。 在嵌入式Linux系统上开发Qt应用程序，经常会涉及到外设的控制，比如GPIO，PWM的控制，Linux环境下可以像操作文件一样操作它们，这通常会涉及到sysfs的读写。本文以读写GPIO为例，简要介绍…...

编程日记 2024/8/13 0:51:12

实景三维：解锁地理信息新维度，引领未来城市智慧之钥

在这个信息爆炸与科技日新月异的时代，地理信息与遥感技术正以前所未有的速度改变我们认知世界的方式。在推动“实景三维平台”这一前沿科技的构建上，它不仅是地理信息的立体呈现，更是智慧城市的基石，打开了通往未来城市规划、管理…...

编程日记 2024/8/13 0:49:09

汽车免拆诊断案例 | 2010款劳斯莱斯古斯特车中央信息显示屏提示传动系统故障

故障现象　 一辆2010款劳斯莱斯古斯特车，搭载N74发动机，累计行驶里程约为11万km。车主反映，起动发动机后组合仪表和中央信息显示屏均提示传动系统故障。用故障检测仪检测，发现发动机控制模块2（DME2）中存储…...

编程日记 2024/8/13 0:47:07

监督学习和无监督学习是什么？

监督学习和无监督学习是机器学习中的两种基本学习方式，它们在处理数据和训练模型时有着显著的区别。 监督学习 定义： 监督学习是指利用一组已知类别的样本（即标记的数据）来调整分类器的参数，使其达到所要求性能的过程…...

编程日记 2024/8/13 0:46:06

YII2的errorHandler.errorAction失效原因

<?phpreturn [components => [errorHandler => [errorAction => site/error,],] ]; 这段配置存在错误，导致错误处理无法生效。为了解决这个问题，我们需要对配置进行优化。 代码查看：yii\web\ErrorHandler::renderException <?phpprotected function ren…...

编程日记 2024/8/13 0:45:05

已知p指向双向循环链表中的一个结点，其结点结构为data、prior、next三个域，写出算法change(p)，交换p所指向的结点和它的前缀结点的顺序。

#include<assert.h> typedef struct SLnode {int data;struct SLnode* prior;struct SLnode* next; }SLnode,*SLnodelist; //创建结点 SLnode* createhead(int data) {SLnode* newnode (SLnode*)malloc(sizeof(SLnode));newnode->data data;newnode->next newno…...

编程日记 2024/8/13 0:44:04

什么是Tensor？？？为什么人工智能领域论文中经常出现这个名词

文章目录 什么是Tensor&#xff1f;&#xff1f;数学符号表示 什么是Tensor&#xff1f;&#xff1f; Tensor&#xff0c;中文叫张量。Tensor实际上就是一个多维数组&#xff08;multidimensional array&#xff09;。 而Tensor的目的是能够创造更高维度的矩阵、向量。 数学符…...

编程日记 2024/8/13 0:41:00

爬虫练习_01

前言 基础爬虫小练习01 一、requests板块使用 demo_01 import requests from lxml import etreeurl "https://movie.douban.com/top250" headers {"authority": "movie.douban.com","method": "GET","path"…...

编程日记 2024/8/13 0:39:58

Datawhale X 魔搭 AI夏令营第四期 魔搭-AIGC方向 task02笔记

从零入门AI生图原理&实践 是 Datawhale 2024 年 AI 夏令营第四期的学习活动&#xff08;“AIGC”方向&#xff09;&#xff0c;基于魔搭社区“可图Kolors-LoRA风格故事挑战赛”开展的实践学习。 Datawhale官方的Task2链接&#xff1a;Task02 往期Task1链接&#xff1a;Ta…...

编程日记 2024/8/13 0:35:54

多模态大语言模型的免训练视觉提示学习 ControlMLLM

ControlMLLM: Training-Free Visual Prompt Learning for Multimodal Large Language Models github paper 在本研究中&#xff0c;提出了一种无需进行训练的方法&#xff0c;通过可学习的潜变量优化将视觉提示注入到多模态大型语言模型&#xff08;MLLMs&#xff09;中。 在…...

编程日记 2024/8/13 0:31:50

Oracle|DM 常用|不常用 SQL大口袋

目录 一、前言 二、SQL写法 1、sql获取某一条数据中的前一条和后一条 2、实现like多个值的查询&#xff08;Oracle和dm支持&#xff0c;MySQL未试过&#xff09; 3、start with connect by prior 使用方法 4、用hextoraw解决select、update、delete语句执行慢 5、ORA-00…...

编程日记 2024/8/13 0:30:49

突破限制：旧Mac设备升级最新macOS全流程指南

突破限制&#xff1a;旧Mac设备升级最新macOS全流程指南 【免费下载链接】OpenCore-Legacy-Patcher Experience macOS just like before 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 当您的Mac设备被官方系统升级列表排除在外时&#xf…...

编程新知 2026/4/6 18:24:08

从零到一：手把手教你用TruckSim搭建你的第一辆虚拟牵引车模型

从零到一&#xff1a;手把手教你用TruckSim搭建你的第一辆虚拟牵引车模型 第一次打开TruckSim时&#xff0c;面对密密麻麻的参数和复杂的界面&#xff0c;很多新手会感到无从下手。作为一款专业的商用车动力学仿真软件&#xff0c;TruckSim确实有一定的学习门槛&#xff0c;但掌…...

编程新知 2026/4/6 17:37:31

别再死记硬背了！用sklearn的LogisticRegression搞定手写数字识别，附完整代码与参数调优心得

逻辑回归实战&#xff1a;从参数困惑到手写数字识别调优指南 当你第一次面对sklearn的LogisticRegression那十几个参数时&#xff0c;是否感到无从下手&#xff1f;特别是当官方文档用专业术语解释solver、C、max_iter时&#xff0c;大多数教程只会告诉你"照这样设置就行&…...

编程新知 2026/4/6 16:37:09

OpenClaw人人养虾：macOS 开发环境设置

本指南介绍从源代码构建和运行 OpenClaw macOS 应用所需的步骤。 前置条件 在构建应用之前&#xff0c;请确保已安装以下工具&#xff1a; Xcode 26.2&#xff1a;Swift 开发所需。Node.js 22 和 pnpm&#xff1a;gateway、CLI 和打包脚本所需。 1. 安装依赖 安装项目级依…...

编程新知 2026/4/6 16:31:08

构建赛马娘本地化引擎：从问题诊断到性能优化的全流程解决方案

构建赛马娘本地化引擎&#xff1a;从问题诊断到性能优化的全流程解决方案 【免费下载链接】umamusume-localify Localify "ウマ娘: Pretty Derby" DMM client 项目地址: https://gitcode.com/gh_mirrors/um/umamusume-localify 一、问题诊断&#xff1a;识别赛…...

编程新知 2026/4/6 15:32:24

突破单机限制：PlugY重塑暗黑破坏神2游戏体验的五大维度升级

突破单机限制&#xff1a;PlugY重塑暗黑破坏神2游戏体验的五大维度升级 【免费下载链接】PlugY PlugY, The Survival Kit - Plug-in for Diablo II Lord of Destruction 项目地址: https://gitcode.com/gh_mirrors/pl/PlugY 一、单机玩家的困境与破局之道 在暗黑破坏神…...

编程新知 2026/4/6 13:39:08

告别资源获取繁琐，实现高效资源管理与效率提升

告别资源获取繁琐&#xff0c;实现高效资源管理与效率提升 【免费下载链接】res-downloader 视频号、小程序、抖音、快手、小红书、直播流、m3u8、酷狗、QQ音乐等常见网络资源下载! 项目地址: https://gitcode.com/GitHub_Trending/re/res-downloader res-downloader是一…...

编程新知 2026/4/6 12:54:23

解锁突破平台限制：res-downloader资源获取的创新解决方案

解锁突破平台限制&#xff1a;res-downloader资源获取的创新解决方案 【免费下载链接】res-downloader 视频号、小程序、抖音、快手、小红书、直播流、m3u8、酷狗、QQ音乐等常见网络资源下载! 项目地址: https://gitcode.com/GitHub_Trending/re/res-downloader 当你在微…...

编程新知 2026/4/6 12:48:01

终极指南：10分钟搞定网易云音乐NCM加密文件转换

终极指南&#xff1a;10分钟搞定网易云音乐NCM加密文件转换 【免费下载链接】ncmdumpGUI C#版本网易云音乐ncm文件格式转换&#xff0c;Windows图形界面版本 项目地址: https://gitcode.com/gh_mirrors/nc/ncmdumpGUI 还在为网易云音乐的加密NCM文件无法在其他播放器使…...

编程新知 2026/4/6 10:40:41

基于台达PLC与C# GDI+的步进电机轨迹可视化系统设计

1. 系统设计背景与核心需求 在工业自动化领域&#xff0c;步进电机的精确控制与运动轨迹可视化一直是工程师们关注的重点。传统调试方式往往依赖示波器或专用监控设备&#xff0c;不仅成本高昂&#xff0c;而且难以实时观察复杂运动轨迹。我们设计的这套系统&#xff0c;通过台…...

编程新知 2026/4/6 9:21:21