0
0
WBOY
发布时间：2023-05-11 21:28:04
|1459人浏览过
|来源于亿速云
转载
toref 顾名思义，不是ref 响应式数据，给它转成ref 响应式数据
通俗易懂的理解：
姓名：{{ person.name }}
年龄：{{ person.age }}
薪资：{{ person.job.j1.salary }}
首先实现功能没问题，接下来考虑到代码优化：
那可能会想到 我在return的时候，麻烦一些，
立即学习“前端免费学习笔记（深入）”；
return {
name: person.name,
age: person.age,
job: person.job.j1.salary,
};但是，这样操作你会发现页面不是响应式的，数据修改页面不发生变化，如下：
接下来看 toRef的用法： 很明显实现了效果
姓名：{{ name }}
年龄：{{ age }}
薪资：{{ salary }}
介绍完toRef的用法之后，接下来来看一下toRefs的用法吧
相关文章
Vue组件的基本结构是什么？template和script如何配合工作？
Vue 3 和 Vue 2 的核心区别有哪些
Vue3和Element-Plus如何实现多级联动
vue时间选择器怎么设置
vue3比vue2好在哪里
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。
10
2026.01.16
热门下载
相关下载
精品课程
共26课时 | 1.4万人学习
共30课时 | 1.5万人学习
共20课时 | 1.2万人学习
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
