经验总结

  1. 首页 > 生活 > >

【面试题】Vue2动态添加路由 router.addRoute

生活百科

Vue2动态添加路由点击打开视频讲解更加详细
场景： 一般结合VueX和localstorage一起使用
router.addRoutesvue-router4后 已废弃：使用 router.addRoute() 代替 。vue-router4版本前也可用函数签名：
router.addRoutes(routes: Array<RouteConfig>)动态添加更多的路由规则 。参数必须是一个符合 routes 选项要求的数组 。
案例：
let routerObj = { path: '/about', name: 'about', component: () => import('../views/about.vue') }router.addRoutes([routerObj])//addRoutes在vue - router4里要被移除了，参数是数组router.addRoute添加一条新路由规则 。如果该路由规则有 name，并且已经存在一个与之相同的名字，则会覆盖它 。
函数签名:
addRoute(route: RouteConfig): () => voidrouter.addRoute添加一条新的路由规则记录作为现有路由的子路由 。如果该路由规则有 name，并且已经存在一个与之相同的名字，则会覆盖它 。
函数签名:
addRoute(parentName: string, route: RouteConfig): () => void案例：
let routerObj = { path: '/about', name: 'about', component: () => import('../views/about.vue') }router.addRoute(routerObj)//vue-router4版本后要使用addRoute，参数是对象若对您有帮助，请点击跳转到B站一键三连哦！感谢支持！！！
【【面试题】Vue2动态添加路由 router.addRoute】

    经验总结扩展阅读


    上一篇：Module加载的详细说明-保证你有所收获

    下一篇：简易的瘦腿方法