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