无法导入/导出Vue.js组件

Question

我有一个像这样的文件夹。

VueTree
  components
    Classic.vue
    Modern.vue
  index.js

古典与现代与简单的组件template，export default {}和一个style。我称这两个index.js为：

import Classic from './components/Classic.vue'
import Modern from './components/Modern.vue'

const VueTree= {
  Classic ,
  Modern 
}

export default VueTree

因此，当我将此模块导入为：

import {Classic , Modern } from '../../modules/VueTree/index.js'

我得到这个错误

未知的自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

我name: "Classic"在组件内部，并且使用将该文件包含在当前文件中，components: { Classic },但出现相同的错误。

仅当我将一个组件导出为时，它才起作用：

import Classic from './components/Classic.vue'
import Modern from './components/Modern.vue'
export default Classic

这将起作用并且包括经典，但是我不能像在本示例中所示那样导出它们两者。https://github.com/greyby/vue-spinner/blob/master/src/index.js

Answer 1

您需要使用export命名出口，而不是export default：

import Classic from './components/Classic.vue'
import Modern from './components/Modern.vue'

export {
  Classic ,
  Modern 
}

请参阅：https：//developer.mozilla.org/zh-CN/docs/web/javascript/reference/statements/export