导出多个 Vue 组件答案

【问题标题】：Export multiple Vue components导出多个 Vue 组件
【发布时间】：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'

【讨论】：