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

官网介绍

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

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

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

定义:

引用:

相关推荐
遂心_6 小时前
JavaScript 函数参数传递机制:一道经典面试题解析
前端·javascript
遂心_6 小时前
深入理解 React Hook:useEffect 完全指南
前端·javascript·react.js
前端Hardy7 小时前
HTML&CSS: 谁懂啊!用代码 “擦去”图片雾气
前端·javascript·css
前端Hardy7 小时前
HTML&CSS:好精致的导航栏
前端·javascript·css
一个不爱写代码的瘦子8 小时前
迭代器和生成器
前端·javascript
源猿人11 小时前
企业级文件浏览系统的Vue实现:架构设计与最佳实践
前端·javascript·数据可视化
RoyLin11 小时前
TypeScript设计模式:迭代器模式
javascript·后端·node.js
小桥风满袖13 小时前
极简三分钟ES6 - ES9中for await of
前端·javascript
编程贝多芬13 小时前
Promise 的场景和最佳实践
前端·javascript
Asort13 小时前
JavaScript 从零开始(四):基础语法详解——从变量声明到数据类型的完全指南
前端·javascript