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