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解构出来,并且具有响应式能力

相关推荐
theMuseCatcher9 小时前
Vue3导航菜单(Menu)
typescript·vue3·less
theMuseCatcher1 天前
Vue3评论(Comment)
typescript·vue3
RuoyiOffice2 天前
Vue3+Gantt:把任务排期、依赖关系和里程碑放进项目管理
项目管理·vue3·springboot·dhtmlx-gantt·wbs·gantt·ruoyi office
AI开源软件4 天前
SpringBoot3+Vue3 财务管理系统如何设计:从业务单据到总账的模块划分
spring boot·vue3·领域建模·会计凭证·ruoyi office·业财协同·财务系统设计
Nymph_Zhu9 天前
vue3+element-plus 文件上传
前端·typescript·vue3·element-plus
Nymph_Zhu9 天前
pdf转换markdown预览及内容互相点击定位
前端·pdf·vue3·markdown·element-plus
AI源码12 天前
巨峰影视影院
vue3
RuoyiOffice12 天前
UniApp企业办公:把审批、客户和项目装进手机,能做些什么?
spring boot·vue3·uniapp·crm·flowable·移动办公·企业应用
RuoyiOffice13 天前
SpringBoot OA推荐:面向信创选型,看看这套企业协同平台
spring boot·vue3·信创·flowable·企业协同·ruoyi office·oa选型
周厉13 天前
WebSocket 使用场景与实现方法:Java + Vue3 全栈实战
java·websocket·vue3·websocket双向通讯