學習目標
- 了解單頁應用(SPA)路由的概念與原理
- 學會安裝和配置 Vue Router
- 掌握路由定義、導航與參數傳遞
- 理解嵌套路由與路由守衛
- 學會程式化導航與路由元資訊
核心概念解釋
什麼是 Vue Router?
Vue Router 是 Vue.js 的官方路由管理器,用於建構單頁應用(SPA)。它提供:
- 宣告式路由:使用
<RouterLink>
進行導航 - 程式化路由:使用 JavaScript 控制路由跳轉
- 動態路由匹配:支援參數與通配符
- 嵌套路由:支援複雜的頁面結構
- 路由守衛:控制導航權限與流程
5/21/2025大约 8 分鐘