第一週：Vue3 基礎概念#
-
Vue3 核心概念
-
組合式 API (Composition API) 的基本概念
-
響應式系統 (ref, reactive)
-
生命週期鉤子
-
模板語法和指令
-
開發環境搭建
-
Node.js 安裝
-
Vue CLI 或 Vite 的使用
-
VS Code 及相關插件配置
第二週：深入 Vue3 核心特性#
-
組合式 API 深入學習
-
setup 函數
-
響應式引用與計算屬性
-
watch 與 watchEffect
-
依賴注入 (provide/inject)
2. 組件開發基礎
-
組件註冊與使用
-
Props 與事件
-
插槽 (slots)
-
組件生命週期
第三週：路由與狀態管理#
-
Vue Router 4
-
路由配置
-
導航守衛
-
路由參數處理
-
嵌套路由
-
Pinia 狀態管理
-
Store 的創建與使用
-
狀態管理模式
-
數據持久化
第四週：實戰應用#
-
網絡請求與數據處理
-
Axios 的使用
-
RESTful API 交互
-
數據轉換與處理
-
UI 組件庫使用
-
Element Plus 或 Ant Design Vue
-
常用組件使用
-
組件的二次封裝
第五週：工程化與最佳實踐#
-
工程化實踐
-
TypeScript 集成
-
代碼規範 (ESLint)
-
單元測試
-
打包與部署
-
性能優化
-
懶加載
-
組件緩存
-
打包優化