vue公共页面布局layout

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、效果