【Vue3】toRefs与toRef的使用

embedded/2024/9/23 14:30:16/

文章目录

  • toRefs简介
  • toRef简介
  • 错误案例


toRefs简介

toRefs对对象内多个值转换成响应式数据
代码展示

 let testData = reactive({aa:"111",bb:"222",cc:"333"})//转为响应式数据let {aa,bb,cc} = toRefs(testData)console.log(aa);console.log(bb);console.log(cc);

toRef简介

toRef对对象内单个值转换成响应式数据

let testData1 = reactive({aa:"111",bb:"222",cc:"333"})//转为响应式数据let newData = toRef(testData1,'aa')console.log(newData);//222

错误案例

let testData1 = reactive({aa:"111",bb:"222",cc:"333"})//直接解构testData对象,创建的新值是没有响应式效果let {aa,bb,cc} = testData

踩坑不易,还希望各位大佬支持一下 \textcolor{gray}{踩坑不易,还希望各位大佬支持一下} 踩坑不易,还希望各位大佬支持一下

📃 个人主页: \textcolor{green}{个人主页:} 个人主页: 沉默小管

📃 个人网站: \textcolor{green}{个人网站:} 个人网站: 沉默小管

📃 个人导航网站: \textcolor{green}{个人导航网站:} 个人导航网站: 沉默小管导航网

📃 我的开源项目: \textcolor{green}{我的开源项目:} 我的开源项目: vueCms.cn

🔥 技术交流 Q Q 群: 837051545 \textcolor{green}{技术交流QQ群:837051545} 技术交流QQ群:837051545

👍 点赞,你的认可是我创作的动力! \textcolor{green}{点赞,你的认可是我创作的动力!} 点赞,你的认可是我创作的动力!

⭐️ 收藏,你的青睐是我努力的方向! \textcolor{green}{收藏,你的青睐是我努力的方向!} 收藏,你的青睐是我努力的方向!

✏️ 评论,你的意见是我进步的财富! \textcolor{green}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!

如果有不懂可以留言,我看到了应该会回复
如有错误,请多多指教


http://www.ppmy.cn/embedded/23826.html

相关文章

深入了解 npm

深入了解 npm:Node.js 的强大包管理工具 Node.js 的开发者们都知道,有效的包管理是任何项目成功的关键之一。这里,我们将深入探讨 npm(Node Package Manager),这是 Node.js 最受欢迎的包管理器&#xff0c…

提交链码-编辑前后端,调用链码功能

一 . 链码介绍 1.什么链码? • 链码是一段用 Go、Node.js 或者 Java 实现了规定接口的程序。链码在安全的Docker容器中运行, 与背书节点的进程隔离。通过应用程序提交的交易,链码初始化和管理账本状态。• 链码通常处理网络成员协商达成的业…

最佳实践|Apifox 中通过 CryptoJS 给请求参数进行 AES 加密!

假如现在要在 Apifox 中发送一个「登录」的请求,然后我需要将接口中的 password 参数使用 AES 加密算法加密以后,再传给后台服务,这要怎么做? 要在 Apifox 中使用 AES 加密算法对 password 参数进行加密,你需要在「前置…

C语言 | Leetcode C语言题解之第46题全排列

题目: 题解: void swap(int * nums,int indexA,int indexB) {int temp nums[indexA];nums[indexA] nums[indexB];nums[indexB] temp; }void prem(int* nums, int numsSize, int* returnSize, int** returnColumnSizes,int** returnNums,int offset)…

Kafka 3.x.x 入门到精通(04)——对标尚硅谷Kafka教程

Kafka 3.x.x 入门到精通(04)——对标尚硅谷Kafka教程 2. Kafka基础2.1 集群部署2.2 集群启动2.3 创建主题2.4 生产消息2.5 存储消息2.5.1 存储组件2.5.2 数据存储2.5.2.1 ACKS校验2.5.2.2 内部主题校验2.5.2.3 ACKS应答及副本数量关系校验2.5.2.4 日志文…

地理信息系统教程知识点

信息的特点:信息具有客观性、适用性、传输性和共享性;地理信息是与地理环境要素有关的物质的数量、质量、分布特征、联系和规律等的数字、文字、图形和图像等的总称。地理信息的特征:(1)空间特征;&#xff…

python数据维数指南

👽发现宝藏 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。 Python 数据维数 在数据科学和机器学习领域,理解数据的维度是至关重要的。Pyth…

【Paddle】PCA线性代数基础 + 领域应用:人脸识别算法(1.1w字超详细:附公式、代码)

【Paddle】PCA线性代数基础及领域应用 写在最前面一、PCA线性代数基础1. PCA的算法原理2. PCA的线性代数基础2.1 标准差 Standard Deviation2.2 方差 Variance2.3 协方差 Covariance2.4 协方差矩阵 The Covariance Matrix2.5 paddle代码demo①:计算协方差矩阵2.6 特…