由于項目越做越大揩尸,路由文件也越來越多,如果全部堆積到一個文件中,不僅不利于后期維護,也會增加開發(fā)者自己的困擾棕叫,有代碼強迫癥的我是沒法接受的一個繁瑣龐大而又難以維護的文件珠增,看著就很頭疼,所以我就開始構(gòu)思如何把不同模塊的路由分開放置,就像vuex一樣
1.新建一個modules文件夾挟秤,里面放置不同模塊的路由配置
image.png
例如模塊post里面的路由
image.png
2.引入我們的模塊
注意,這里我們使用的是es6中的...
這個語法抄伍,它可以合并對象艘刚,數(shù)組等等,反正功能很強大
image.png
3.注入到new Router中即可正常使用啦
image.png