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

 

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐