关于vue-router:Vue-Router之动态路由

前言

个别状况下，路由定义在 createRouter 中，而且创立路由之后不会去批改。但在某些场景可能须要在曾经运行的时候动静的增加路由，比方菜单由接口返回，再比方相似低代码平台中用户能够新增或删除页面。

增加路由

增加路由，参数是路由对象

import {useRouter} from 'vue-router';
const router = useRouter();
router.addRoute({path: '/about', component: About})

增加子路由，第一个参数是父级的 name，第二个参数是子路由对象

router.addRoute('admin', { path: 'settings', component: AdminSettings})

注：addRoute 只是增加路由，如果想增加后立刻显示，则须要跳转。
注：增加路由会立刻失效。

删除路由

• 增加一个 name 已有的路由，这样会删除原来的路由并增加新的。
• 调用 router.addRoute() 返回的回调，其返回值是个办法，能够间接调用。
• 调用 router.removeRoute()，参数传入 name。

判断路由是否已存在

传入 name，判断该路由是否存在。

router.hasRoute(name)

或

获取所有路由之后进行筛选

router.getRoutes()