Vue toRef、toRefs、toRaw 基础使用

一、参考

学习Vue3 第八章(认识to系列全家桶)_vue3 去掉 expects a reactive object but received a p-CSDN博客

二、toRef

2.1 作用

将响应式对象中的属性解构出来

注意: 要解构的对象需要为响应式对象

2.2 演示

toRef 需要输入两个参数

第一个为要解构的对象,第二个为结构的属性

注意:若对解构后的对象重新赋值,将会影响原对象

三、toRefs

3.1 作用

批量解构

3.2 演示

四、toRaw

4.1 作用

响应式对象解构为普通对象

4.2 演示

相关推荐
We་ct9 分钟前
LeetCode 49. 字母异位词分组:经典哈希解法解析+易错点规避
前端·算法·leetcode·typescript·哈希算法
CHU72903511 分钟前
废品回收小程序前端功能设计逻辑与实践
前端·小程序
lzhdim12 分钟前
微星首款全白设计的M-ATX小板! MPG B850M EDGE TIMAX WIF刀锋 钛评测:性能媲美顶级X870E主板
前端·edge
恋猫de小郭16 分钟前
小米 HyperOS 4 大变样?核心应用以 Rust / Flutter 重写,不兼容老系统
android·前端·人工智能·flutter·ios
李火火的安全圈22 分钟前
基于Yakit、Wavely实现CVE-2025-55182(React Server Components(RSC)) 反序列化漏洞挖掘和POC编写
前端·react.js
Orange_sparkle33 分钟前
dify的web页面如何传入user用户信息进行对话,而不是uuid
前端·人工智能
Amumu1213841 分钟前
Vue Router 和 常用组件库
前端·javascript·vue.js
霍理迪1 小时前
CSS移动端开发及less使用方法
前端·css
2601_949857431 小时前
Flutter for OpenHarmony Web开发助手App实战:HTML参考
前端·flutter·html
爱内卷的学霸一枚1 小时前
现代前端工程化实践:从Vue到React的架构演进与性能优化(7000字深度解析)
前端·vue.js·react.js