vue中路由分模块配置

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

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

image.png

例如模块post里面的路由

image.png

2.引入我们的模块

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

image.png

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

image.png