在我不知道vue的路由还可以通过addRoutes动态添加时，我只知道vue的路由都是写死在路由表中的，每当跳转时再去加载相应的路由。直到在一个新公司接到需要根据用户的权限显示不同的菜单的需求时才知道了原来vue-router还有一个addRoutes的API，立马研究了一下。 router.addRoutes： 函数签名： router.addRoutes(routes: Array) 动态添加更多的路由规则。参数必须是一个符合routes选项要求的数组。 点这里去看router.addRo

•效果演示地址 项目demo展示 重要功能总结 权限功能的实现 权限路由思路：  根据用户登录的roles信息与路由中配置的roles信息进行比较过滤，生成可以访问的路由表，并通过router.addRoutes(store.getters.addRouters)动态添加可访问权限路由表，从而实现左侧和顶栏菜单的展示。 实现步骤： 1.在router/index.js中，给相应的菜单设置默认的roles信息； 如下：给”权限设置”菜单设置的权限为：meta：{roles: ['admin'