扫码关注官方订阅号
在vue文档中,我在“脚本设置”指南中看到了“命名空间组件”,它写道:
您可以使用带点的组件标签(如 )来引用嵌套在对象属性下的组件。当您从单个文件导入多个组件时,这非常有用:
label
我想知道在这个例子中表单组件是什么样子,以及这样一个组件的正确用例是什么,它与“slot”有什么关系。
在本例中,form-components 引用了一个 .js 文件,该文件似乎正在导出单文件组件 (.vue) .
.js
.vue
表单组件.js
export { default as Label } from './form-label.vue' export { default as Input } from './form-input.vue'
然后您可以通过以下方式访问这些组件:
import * as Form from './form-components'
但是,我建议使用解构赋值 方法,因为 IDE 可以更好地解释它。
import { Input, Label } from './form-components'
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
在本例中,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'