首页 > 其他 > 详细

Vue 项目中对路由文件进行拆分(解构的方法)

时间:2019-06-16 14:13:56      阅读:189      评论:0      收藏:0      [点我收藏+]

项目需求场景:

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

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

实现步骤:

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

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

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

  技术分享图片

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

  技术分享图片

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

Vue 项目中对路由文件进行拆分(解构的方法)

原文:https://www.cnblogs.com/mouseleo/p/11031232.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!