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

相关推荐
若安程序开发4 分钟前
WEBweb前端OPPO手机商城网站项目
前端·智能手机
范德萨_6 分钟前
JavaScript 实用技巧(总结)
开发语言·前端·javascript
执携15 分钟前
Vue Router (匹配当前路由的链接和类名配置)
前端·javascript·vue.js
若安程序开发26 分钟前
web华为商城前端项目4页面
前端·华为
一枚前端小能手38 分钟前
🏷️ HTML 属性参考 - 常用与全局属性的行为、兼容性与最佳实践
前端·javascript·html
付十一1 小时前
更新!Figma MCP + Cursor:大前端时代的UI到代码自动化
android·前端·ai编程
万岳科技程序员小金1 小时前
多端统一的教育系统源码开发详解:Web、小程序与APP的无缝融合
前端·小程序·软件开发·app开发·在线教育系统源码·教育培训app开发·教育培训小程序
软件架构师-叶秋1 小时前
Vue3+tyepescript+ElementPlus+Axios前端技术栈
前端·vue3·elementplus
AAA阿giao1 小时前
HTML/CSS/JS 页面渲染机制:揭秘浏览器如何将平凡代码点化为视觉魔法
前端·css·html
lichenyang4531 小时前
从零到一:编写一个简单的 Umi 插件并发布到 npm
前端·react.js·前端框架