Vue 項目中對路由文件進行拆分(解構的方法)


項目需求場景:

   在開發項目過程中,在項目過於龐大,路由信息非常多的情況下,如果將路由配置信息都放在一個文件里面,那么這個JS是不方便維護的,

那么,這個時候需要我們把這個龐大的路由文件,根據項目功能分類,拆分為幾個不同的路由文件。

實現步驟:

  1.不管你拆分為幾個,最后都是要整合到一個js文件里面的,

  2.比如你建立了兩個文件夾,分別為router,router2,里面都有一個index.js,其中router為主文件夾,在里面的index.js中引入外部配置的路由信息

  3.在router2中的index.js中配置路由信息,如圖

  

  4.在主文件router/index.js中引入進來,如圖

  

  這樣就將所有的路由配置都整合完畢了,最后只需要在入口文件main.js中引入這個router就可以了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM