vue3 的单文件中的命名空间组件

官网介绍

可以使用带 . 的组件标签,例如 <Foo.Bar> 来引用嵌套在对象属性中的组件。这在需要从单个文件中导入多个组件的时候非常有用:

js 复制代码
<script setup>
import * as Form from './form-components'
</script>

<template>
  <Form.Input>
    <Form.Label>label</Form.Label>
  </Form.Input>
</template>
实现

定义:

引用:

相关推荐
进击的尘埃21 分钟前
Vitest 自定义 Reporter 与覆盖率卡口:在 Monorepo 里搞增量覆盖率检测
javascript
进击的尘埃23 分钟前
E2E 测试里的网络层,到底该怎么 Mock?
javascript
DevUI团队1 小时前
🚀 【Angular】MateChat V20.2.2版本发布,新增8+组件,欢迎体验~
前端·javascript·人工智能
DevUI团队1 小时前
🚀 MateChat V1.11.0 震撼发布!新增工具按钮栏组件及体验问题修复,欢迎体验~
前端·javascript·人工智能
学以智用2 小时前
Vue 3 核心函数全解(组合式 API + 常用工具函数)
javascript·vue.js
滕青山2 小时前
HTTP状态查询 在线工具核心JS实现
前端·javascript·vue.js
SuperEugene2 小时前
Vue3 中后台实战:VXE-Table 从基础表格到复杂业务表格全攻略 | Vue生态精选篇
前端·javascript·vue.js
SuperEugene2 小时前
Vue3 中后台实战:Element + VXE Table 搜索表格分页完整方案 | Vue生态精选篇
前端·javascript·vue.js
gyx_这个杀手不太冷静3 小时前
OpenCode 进阶使用指南(第一章:Agent 模式)
前端·javascript·ai编程
wuhen_n3 小时前
computed 的缓存哲学:如何避免不必要的重复计算?
前端·javascript·vue.js