导出多个Vue组件

Question

我正在使用 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'

有任何想法吗？？

Answer 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'