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
