前言 路由版本 ,router.4x 需要看router.3x 的请看这里手摸手教你实现vue的动态路由（router.v3.x版本） 源代码地址 vue3-dynamic-router, route

vue-router是vue官方指定的路由管理库，拥有21.2k star和 2039876的周下载量，实属难得的优秀开源库。那么vue-router是如何完美结合vue？我们一起揭秘它的神秘面纱！

整体流程 实现效果 代码已经上传到github 代码地址 流程 1、用户登陆，获取后端返回的路由 2、使用router.addRoute动态添加到路由 文档 3、使用router.getRoutes读

当前端的路由是从后端获取并通过router.addRoute()添加到vue-router时，为了避免页面刷新后由于没有路由报错或让用户重新登录，一般都会把用户信息保存到storage里，加载时再写到

安装使用 先初始化一个本地项目 用Vite创建的Vue3项目内容是空的，没有router、pinia等其他插件，需要自己集成。 Vue3安装的路由版本为router4 Vue2安装的路由版本为rout

实现方案：stringifyQuery 和 parseQuery 近期因为公司内部的安全检查，说我们现在的系统中参数是明文的，包括给后端请求的参数和前端页面跳转携带的参数，因为是公司内部使用的系统，在

前言 vue-router4x相对于vue-router3x除了新增了组合式API以外，还删除或变动了不少地方。单独列出来变动点太杂乱。这里系统性的把项目中经常能用到的知识点进行整理