时间戳

首页 > 解决方案 > 导出多个 Vue 组件

vue.js - 导出多个 Vue 组件

问题描述

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

有任何想法吗？？

标签： vue.jsvuejs2vue-component

解决方案

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

在您的 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'

推荐阅读