如何实现动态路由

1、使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的，也就是说是静态路由。

2、而能传递参数的路由模式，由于可以传递参数，所以其对应的路由数量是不确定的，故称之为 动态路由。

3、在参数名前面加上 ,然后将参数写在路由的内，这样定义之后，就会匹配所有的，所以说这样定义的路由的数量是不确定的。

4、如果需要传入多个参数值，只要按照上面的命名方法来加入参数，传递在中对应的声明参数值即可，只要匹配到路由模式的定义就会自动对参数进行分解取值。

5、通过这个属性获取指定的参数值，如果希望在相应的组件页面内输出参数值，则在默认路由中加入如下代码。

6、那么，当复用组件时候，想对路由参数的变化做出响应的话，就需要在这个对象内添加对对象变化的跟踪函数。

1、取出非第一级的所有数据

2、映射出所有路由规则

3、添加路由

4、 登录成功后 保存菜单数据，保存后在vuex直接触发添加事件即可 this.commit('add_route')

---