029 main 页面-main页面整体布局

所有组件的名字用小写

我们需要用到的组件时这个

 我们这次用这个布局

 把这个代码注释掉

 都注释掉

 把代码复制到这里来

 

<template>
<div class="common-layout">
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-container>
<el-header>Header</el-header>
<el-main>Main</el-main>
</el-container>
</el-container>
</div>
</template>

 

然后写成这样

 

然后新建文件夹和文件

 这样写

 这个页面这样引进刚才的页面

 新建文件夹，文件这样写：