vue中路由分模块配置

由于项目越做越大,路由文件也越来越多,如果全部堆积到一个文件中,不仅不利于后期维护,也会增加开发者自己的困扰,有代码强迫症的我是没法接受的一个繁琐庞大而又难以维护的文件,看着就很头疼,所以我就开始构思如何把不同模块的路由分开放置,就像vuex一样

1.新建一个modules文件夹,里面放置不同模块的路由配置

image.png

例如模块post里面的路由


image.png

2.引入我们的模块

注意,这里我们使用的是es6中的...这个语法,它可以合并对象,数组等等,反正功能很强大

image.png

3.注入到new Router中即可正常使用啦

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容