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

相关推荐
二川bro7 分钟前
详细解析 cesiumViewer.render() 和 requestAnimationFrame(render)
前端
前端付豪10 分钟前
必知Node应用性能提升及API test 接口测试
前端·react.js·node.js
王同学 学出来19 分钟前
vue+nodejs项目在服务器实现docker部署
服务器·前端·vue.js·docker·node.js
一道雷24 分钟前
让 Vant 弹出层适配 Uniapp Webview 返回键
前端·vue.js·前端框架
bug总结34 分钟前
uniapp+动态设置顶部导航栏使用详解
java·前端·javascript
晴殇i37 分钟前
深入理解MessageChannel:JS双向通信的高效解决方案
前端·javascript·程序员
毕设十刻39 分钟前
基于Vue的民宿管理系统st4rf(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
kkkAloha42 分钟前
倒计时 | setInterval
前端·javascript·vue.js
云轩奕鹤1 小时前
智析单词书 - AI 驱动的深度英语词汇学习平台
前端·ai·产品·思维
逆光如雪1 小时前
控制台快速查看自己的log,提高开发效率
前端