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

項目需求場景:router

   在開發項目過程當中,在項目過於龐大,路由信息很是多的狀況下,若是將路由配置信息都放在一個文件裏面,那麼這個JS是不方便維護的,blog

那麼,這個時候須要咱們把這個龐大的路由文件,根據項目功能分類,拆分爲幾個不一樣的路由文件。路由

實現步驟:開發

  1.無論你拆分爲幾個,最後都是要整合到一個js文件裏面的,配置

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

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

  

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

  

  這樣就將全部的路由配置都整合完畢了,最後只須要在入口文件main.js中引入這個router就能夠了img

相關文章
相關標籤/搜索