前言

這幾年前端變得很火，好像大家都開始往前端發展，前端工程的行業變得越來多人參與，雖然我知道很多人已經寫過類似文章拉XD，這也是我第一次寫教學文章，如果有誤歡迎留言不吝指正，小的會吸取相關錯誤及經驗。本教學是給極度新手，對於沒學過前端框架的人做學習參考的，如果想知道更進階的用法或是語法，歡迎參考 VueJS 官方中文文檔

我本身是學習 React 起家的，看到台灣的 Vue 職缺也在蓬勃發展，想說既然都是前端，那我也來學一下 Vue 好了，這篇也會當作我的心路歷程哈哈。

目錄

1. VueJS 是什麼？
2. TypeScript 是什麼？
3. 如何安裝 VueJS 及 Vite
4. Vue 檔案結構
5. 什麼是 Component 組件？
6. Composition API 及 Option API
7. Vue 2 及 3 的差別
8. 基本語法
9. 單向綁定
10. 雙向綁定
11. 事件綁定
12. 條件
13. 迴圈
14. 什麼是「生命週期」？
15. Router 是什麼？
16. Router 應用
17. Props
18. Emit
19. Slot
20. Ref
21. Computed
22. Watch
23. fetch & axios
24. 同步與異步
25. 如何安裝 Tailwind CSS 美化網頁
26. Transition
27. 練習：TODO List
28. 如何將網頁上傳到 Github
29. 如何部署網頁到 Vercel
30. 這不是結束，只是個開始
31. 結語

那麼我們就開始吧！