vue-router,将路由问价拆分为多个文件

项目需求场景:

   在开发项目过程中,在项目过于庞大,路由信息非常多的情况下,如果将路由配置信息都放在一个文件里面,那么这个JS是不方便维护的,

那么,这个时候需要我们把这个庞大的路由文件,根据项目功能分类,拆分为几个不同的路由文件。

实现步骤:

  1.不管你拆分为几个,最后都是要整合到一个js文件里面的,

  2.比如你建立了两个文件夹,分别为router,router2,里面都有一个index.js,其中router为主文件夹,在里面的index.js中引入外部配置的路由信息

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

  

  4.在主文件router/index.js中引入进来,如图

  

  这样就将所有的路由配置都整合完毕了,最后只需要在入口文件main.js中引入这个router就可以了

原文地址:https://www.cnblogs.com/qiuchuanji/p/8490565.html