Vue3中 ref 与 reactive区别

server/2025/3/16 11:26:55/

ref
        用途: ref 通常用于创建一个响应式的基本类型数据(如 string、number、boolean 等),但它也可以用于对象或数组     

        返回值: ref 返回一个带有 .value 属性的对象,访问或修改数据需要通过 .value 进行    

        使用场景: 适合处理单个值或需要明确访问 .value 的场景

import { ref } from 'vue';const count = ref(0) // 创建一个响应式的数字
console.log(count.value) // 访问值
count.value++ // 修改值

reactive
        用途: reactive 用于创建一个响应式的对象或数组

        返回值: reactive 直接返回一个响应式代理对象,无需通过 .value 访问

        使用场景: 适合处理复杂对象或嵌套数据结构

import { reactive } from 'vue';const state = reactive({count: 0,name: 'Vue'
})
console.log(state.count) // 直接访问属性
state.count++ // 直接修改属性

 

 


http://www.ppmy.cn/server/175409.html

相关文章

让 Deepseek 写一个计算器(网页)

完整代码 <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>简单计算器</title><style&…

全概公式和贝叶斯公式

条件概率的概念 引例 如果同时掷两枚质地均匀的硬币&#xff0c;共有四种可能的情况&#xff0c;于是我们可得 Ω{&#xff08;正&#xff0c;正&#xff09;​&#xff0c;​&#xff08;正&#xff0c;反&#xff09;​&#xff0c;​&#xff08;反&#xff0c;正&#x…

【商城实战(33)】解锁版本迭代与更新策略

【商城实战】专栏重磅来袭&#xff01;这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建&#xff0c;运用 uniapp、Element Plus、SpringBoot 搭建商城框架&#xff0c;到用户、商品、订单等核心模块开发&#xff0c;再到性能优化、安全加固、多端适配&#xf…

Unity AssetBundles资源加载管理器

Unity AssetBundles资源加载管理器 实现了AB包管理器 目的: 让外部更方便地进行资源加载(同步加载/异步加载) 技术包含&#xff1a; AB包相关API单例模式委托(Lambda)表达式协程字典 AssetBundles工具下载地址 using System.Collections; using System.Collections.Generic;…

如何用C#编写一个可以验证登录信息的简单登录页面?

要用C#编写一个简单的登录页面&#xff0c;可以按照以下步骤进行&#xff1a; 创建一个新的C#控制台应用程序项目。 创建一个名为Login.cs的类&#xff0c;该类包含用户名和密码作为属性。 class Login {public string Username { get; set; }public string Password { get;…

【Java基础】java中的lambda表达式

Java Lambda表达式深度解析&#xff1a;语法、简化规则与实战 前言 Java 8的Lambda表达式通过简化匿名内部类和引入函数式编程&#xff0c;极大提升了代码的简洁性和可读性。 一、Lambda表达式的核心语法 Lambda表达式由参数列表、->符号和表达式主体组成&#xff0c;其基…

基于YOLOv8深度学习的PCB缺陷检测识别系统【python源码+GUI界面+数据集+训练代码】

目录 一、界面功能展示 二、前言摘要 三、GUI界面演示 &#xff08;一&#xff09;用户加载自定义模型 &#xff08;二&#xff09;单张图像检测 &#xff08;三&#xff09;检测图像文件夹 &#xff08;四&#xff09;检测视频 &#xff08;五&#xff09;保存 四、模…

C# Exe + Web 自动化 (BitComet 绿灯 自动化配置、设置)

BitComet GreenLight,内网黄灯转绿灯 (HighID), 增加p2p连接率提速下载-CSDN博客 前两天写个这个&#xff0c;每次开机关机后要重来一遍很麻烦的索性写个自动化。 先还是按照上面的教程自己制作一遍&#xff0c;留下Luck 以及 路由器相关的 端口记录信息。 &#xff08;因为自…