vuerouter动态添加路由

vue动态添加路由 

在Vue中动态添加路由主要有以下几种方法：

1. 使用router.addRoute()方法：这个方法需要在路由实例创建之后调用，否则会导致错误。具体操作是，在需要动态添加路由的地方，调用router.addRoute()方法，传入一个对象，包含path、name、component等属性。例如，可以先定义一个处理生产路由的函数，将后台接口返回的路由列表转换成需要的格式，然后在vuex中进行调用，动态添加路由。

2. 使用addRoutes方法：这个方法可以在路由拦截的过程中添加新的路由。具体操作是在router.beforeEach方法中，调用router.addRoutes()方法，传入一个数组，包含多个路由对象。例如，可以新建一个router，发送请求获取路由数据，然后使用addRoutes方法添加新的路由。

需要注意的是，动态添加的路由在页面刷新后可能会丢失，需要做数据持久化。