layout公共页面是使用频率非常高的页面,且直接通过路由配置
本篇例子:把侧边栏和导航头作为layout,因为在后台管理系统里基本是每个页面都要用的
1、首先在src/views下新建layout文件夹,layout文件夹下新建layout文件作为总体,再给layout新建components组件 header 、sliderBar、main三个文件基本确定了一个页面的基本架子,然后再新建一个index.js文件暴露出三个文件
index.js
2、layout.vue 再引入组件
3、路由配置
4、main.vue
5、效果