vue router 引入和管理问题

准备重构一个项目，预估页面数量 100+，难道路由定义里要 import 导入 100 次？

请问这种情况路由应该怎么定义和管理？

router

6 声望

暂无个人描述~

wj2015

版主 853 声望

最佳答案

可以把路由按照模块分组拆分为多个文件，比如用户模块对应页面路由，统一放到 router/user/index.js 中，在 router/index.js 中直接引入相关文件并配合 {...userRouters, ...productsRouters} 作为最后的路由配置。

如果每个模块的路由非常多，也可以划分更细的目录去解决。

另一个解决方案就是动态路由，前面有翻译过一篇文章可供参考：翻译：Vue 小技巧 - 智能路由的 VueJS 实现

4年前评论

讨论数量: 3

wj2015

版主 853 声望

可以把路由按照模块分组拆分为多个文件，比如用户模块对应页面路由，统一放到 router/user/index.js 中，在 router/index.js 中直接引入相关文件并配合 {...userRouters, ...productsRouters} 作为最后的路由配置。

如果每个模块的路由非常多，也可以划分更细的目录去解决。

另一个解决方案就是动态路由，前面有翻译过一篇文章可供参考：翻译：Vue 小技巧 - 智能路由的 VueJS 实现

4年前评论

tu6ge-php

Laravel 8.x 译者 505 声望

router 文档文档说的很清楚了

4年前评论

Layui_leo

6 声望

@wj2015 按模块分组实际只是把 router/index.js 中的代码分组了而已，实际还是需要大量的 import。动态路由的解决方案确实是我需要的，学的了，感谢

4年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助