vue router 引入和管理问题

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

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

最佳答案

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

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

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

3年前 评论
讨论数量: 3

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

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

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

3年前 评论

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

3年前 评论

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