export批量导出

image.png

index.js 中批量导出

export { default as TheHeader } from './TheHeader'
export { default as TheContent } from './TheContent'
export { default as TheSiderBar } from './TheSiderbar'

在父组件中使用

<template>
  <div class="BasicLayout-container">
    <a-layout>
      <the-sider-bar />
      <a-layout>
        <the-header />
        <the-content />
      </a-layout>
    </a-layout>
  </div>
</template>

<script>
import { TheHeader, TheContent, TheSiderBar } from '../components'
export default {
  name: 'BasicContainer',
  components: {
    TheHeader,
    TheContent,
    TheSiderBar
  }

}
</script>

首先查找文件夹下的package.json
不存在,就找index.js