Vue2動態添加路由
點擊打開視頻講解更加詳細
場景： 一般結合VueX和localstorage一起使用
router.addRoutes
vue-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): () => void
router.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站一鍵三連哦！感謝支持！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/509639.html
標籤：其他
上一篇：【前端必會】webpack loader 到底是什么
下一篇：Sass 筆記