Vue组件如何集中导出？

Question

最近写代码的时候遇到这么种情况：
在一个组件中需要导入多个其他组件
比如index.vue要导入head.vue和foot.vue
请问可以将head.vue,foot.vue集中导入到base.vue中。然后导出base.vue，再需要这两个组件的时候只用导入base.vue从而获得head.vue和foot.vue。可以这么做吗？具体方法是什么呢？

Answer 1

解决方案:
赫子子的回答

Answer 2

可以

<header/>
<slot/>
<footer/>

Answer 3

可以考虑使用webpack的能力来完成

Answer 4

// --- base.js文件 ---
export { default as Header } from './header.vue'
export { default as Footer } from './footer.vue'

// --- 使用组件的文件 ---
import { Header, Footer } from 'base.js'