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 演示

相关推荐
kovli1 分钟前
红宝书第四讲:JavaScript原始值与引用值行为差异详解
前端·javascript
竹苓3 分钟前
CSS Grid布局:从入门到放弃再到真香
前端
1_2_3_3 分钟前
深入理解 Git 子模块:优化项目管理的利器
前端·github
前端开发同学8 分钟前
程序员必看!被盒模型逼疯的我,看完迎刃而解😎
前端·html
阳树阳树9 分钟前
Svelet 原理初探
前端·javascript
wordbaby13 分钟前
深入理解 CSS 字体加载与解析机制
前端
Mintopia14 分钟前
Node.js 之 fs 模块深入解析与实践
前端·javascript·node.js
wordbaby15 分钟前
深入解析字体预加载 (Font Preloading) 机制
前端
拂尘子15 分钟前
前端 WebSocket 实战:从基础到进阶
前端
星河丶16 分钟前
JavaScript 获取对象键名的全攻略:方法对比与使用场景解析
前端·javascript