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

  

 

 

   


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM