Vue3-11 toRefs 和 toRef

文章目录

  • [配置 vscode 自动填写 ref的.value](#配置 vscode 自动填写 ref的.value)
  • [vscode 快捷键](#vscode 快捷键)
  • toRefs

配置 vscode 自动填写 ref的.value

vscode 的设置配置 Vue ,勾选自动写.value

试了下,可以自己写,写了后按哪个键呢?

vscode 快捷键

Vscode的快捷键

添加括号的快捷键

复制一行的快捷键

同时选中多个一起修改为多个相同内容的快捷键 -

按住alt键可以同时选中多个

toRefs




解构数据:

toRefs 把reactive 对应的所有key val解构出来,并且具有响应式能力

toRef 把reactive 对应的一个key val解构出来,并且具有响应式能力

相关推荐
华玥作者2 天前
uni-app + Vite 项目中使用 @uni-helper/vite-plugin-uni-pages 实现自动路由配置(超详细)
前端·uni-app·vue·vue3·vite
独立开发者阿乐3 天前
Vue3中Markdown解析与渲染的完整解决方案:从安全到性能优化
web安全·性能优化·vue3·前端开发·语法高亮·markdown解析·markdown-it
Sapphire~4 天前
Vue3-10 ref与reactive创建响应式数据的区别
vue3
Irene19914 天前
Vue3 TypeScript 项目中,Emits 验证的使用场景
typescript·vue3·验证
箫笙默4 天前
Vue3基础笔记
笔记·vue·vue3
Sapphire~5 天前
Vue3-09 创建响应式数据(基本类型ref和对象类型reactive)
vue3
Sapphire~5 天前
Vue3-02 脚手架创建项目及文件解释作用
vue3
Cherry的跨界思维6 天前
28、AI测试环境搭建与全栈工具实战:从本地到云平台的完整指南
java·人工智能·vue3·ai测试·ai全栈·测试全栈·ai测试全栈
Cherry的跨界思维7 天前
【AI测试全栈:Vue核心】22、从零到一:Vue3+ECharts构建企业级AI测试可视化仪表盘项目实战
vue.js·人工智能·echarts·vue3·ai全栈·测试全栈·ai测试全栈