码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-06-16 13:43:15      阅读:287      评论:0      收藏:0      [点我收藏+]

标签:需求   引入   情况   mamicode   入口   场景   一个   实现   http   

项目需求场景:

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

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

实现步骤:

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

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

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

  技术图片

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

  技术图片

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

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

标签:需求   引入   情况   mamicode   入口   场景   一个   实现   http   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!