导出多个 Vue 组件

Posted 2023-02-23

【中文标题】导出多个 Vue 组件

【英文标题】：Export multiple Vue components

【发布时间】：2021-04-23 13:47:31

【问题描述】：

我正在使用 Vue SFC 组件创建一个 node_module 以供不同项目使用。

所以在我的模块的 index.js（主入口点）上，我有这个：

import component1 from './src/input-box1.vue'
import component2 from './src/input-box2.vue'

export default component1

以上方法适用于component1，但我不知道如何导出component2。

我试过这样做：

export  component1 
export  component2 

但我收到一个错误：

Unknown custom element: <component1> - did you register the component correctly? For recursive components, make sure to provide the "name" option

导入是这样的：

import component1 from 'sample-vue-components'

有什么想法吗？？

【问题讨论】：

export default component1, component2, ... 或 export component1; export component2; ..

【参考方案1】：

如果您不输入，则默认导出将被导入。 尝试修改您的导出/导入，例如：

在您的 sample-vue-components.vue 中：

import component1 from './src/input-box1.vue'
import component2 from './src/input-box2.vue'

export  component1, component2 ;

然后像这样导入它们：

import  component1, component2  from 'sample-vue-components'