路由定義與導航
- 動態路由匹配:參數傳遞(
/user/:id
) - 嵌套路由配置與?
<router-view>
?層級渲染 - 編程式導航:
router.push
、router.replace
?和?router.go
路由守衛與權限控制
- 全局守衛:
beforeEach
、beforeResolve
、afterEach
- 路由獨享守衛:
beforeEnter
- 組件內守衛:
onBeforeRouteUpdate
、onBeforeRouteLeave
路由懶加載與性能優化
- 動態導入組件:
() => import('./views/User.vue')
- 路由分包策略與預加載
組合式 API 集成
useRouter
?和?useRoute
?的使用場景- 在?
setup()
?中訪問路由參數和查詢字符串
高級路由模式
- 路由元信息(
meta
?字段)與面包屑導航 - 過渡動效與滾動行為控制
- 動態路由添加/刪除(應用場景如后臺權限系統)