免費課程
3 小時學不完的 Vue — Vue 快速入門
3 小時直接帶你進入 Vue 的殿堂
一堂 2.5 小時的直播錄影課，從 Vite 建立專案開始，帶你走過 Vue 基礎語法、元件化開發、Props/Emit 通訊、Transition 動畫、Vue Router 路由，一路到 Vuex 狀態管理。附完整文字講義，隨時對照影片學習。
2.5 小時完整影片|66 段文字講義|永久觀看
Curriculum
一堂課涵蓋 Vue 六大核心主題
環境建置與專案結構
00:00 - 09:00
- Vite 建立 Vue 專案
- 資料夾結構與設定檔
- 熱更新與元件化優勢
Vue 基礎語法
09:00 - 35:00
- template / script / style 三合一結構
- @click 事件綁定與 methods
- v-model 雙向綁定
- v-if / v-else / v-show 條件渲染
- computed 計算屬性
元件化開發
44:00 - 79:00
- 元件的建立與重複使用
- Props 父傳子
- Emit 子傳父
- 父子元件雙向溝通
Transition 動畫
79:00 - 95:00
- Vue 內建 <transition> 元件
- enter / leave 動畫原理
- CSS class 命名規則
Vue Router 路由
99:00 - 115:00
- 前端路由 vs 後端路由
- 路由配置與 RouterView
- Scoped CSS 樣式隔離
Vuex 狀態管理
115:00 - 149:00
- State / Getter / Mutation / Action
- mapState 與 mapGetters
- Modules 與 Namespaced
這堂課適合你嗎？
1
會基礎 HTML / CSS / JavaScript，想開始學前端框架
2
聽過 Vue 但還沒實際動手寫過
3
想在短時間內掌握 Vue 的完整知識體系
4
需要一份帶時間軸的文字講義，方便隨時回來查閱
Instructor
關於講師
Ray
FillCast CoFounder、台灣大學課程網前端工程師，同時擁有遊戲開發經驗。
擅長用直覺的方式拆解前端框架概念，這堂直播錄影課以實作為核心，帶你在最短時間內建立完整的 Vue 知識體系。
F.A.Q
你可能想問的問題
需要什麼基礎才能上這堂課？
你需要會基礎的 HTML、CSS 和 JavaScript。課程不會從頭教這些基礎，但會在需要時補充相關知識。
這是直播錄影，品質會不會不好？
影片搭配了完整的文字講義，每個段落都有時間連結可以快速跳轉。講義經過重新整理，過濾掉了直播中的閒聊和等待時間，只保留核心教學內容。
課程有觀看期限嗎？
沒有。課程一旦加入就是永久觀看，你可以依照自己的節奏學習。
學完之後能做什麼？
你將掌握 Vue 的完整基礎知識，包含元件化開發、路由配置與狀態管理，足以開始獨立建構 Vue 應用程式。
還有其他問題？聯繫我們
準備好開始了嗎？
完全免費，不需要信用卡，立即開始你的 Vue 學習之旅。
NT$ 4,000免費