In der Vue-Dokumentation habe ich „Namespace Components“ in der Anleitung „Script Settings“ gesehen und da steht:
Sie können gepunktete Komponenten-Tags (z. B.
) verwenden, um auf Komponenten zu verweisen, die unter Objekteigenschaften verschachtelt sind. Dies ist nützlich, wenn Sie mehrere Komponenten aus einer einzigen Datei importieren:
<script setup>
import * as Form from './form-components'
</script>
<template>
<Form.Input>
<Form.Label>label</Form.Label>
</Form.Input>
</template>
Ich würde gerne wissen, wie die Formularkomponente in diesem Beispiel aussieht, was der richtige Anwendungsfall für eine solche Komponente ist und in welcher Beziehung sie zu „Slot“ steht.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
在本例中，form-components 引用了一个
.js文件，该文件似乎正在导出单文件组件 (.vue) .表单组件.js
export { default as Label } from './form-label.vue' export { default as Input } from './form-input.vue'然后您可以通过以下方式访问这些组件：
但是，我建议使用解构赋值 方法，因为 IDE 可以更好地解释它。
import { Input, Label } from './form-components'