# 🧠 為什麼要學 Vue 框架？ ## 三大理由，讓你愛上 Vue --- # 🚀 Vue 是什麼？ ## 一個輕巧、易學的 JavaScript 前端框架 ## 用來快速打造互動式網頁介面 --- # ✅ 優點一：簡潔 ## 使用 HTML + JS 的直覺方式開發 ## 初學者容易上手，開發者也能高效維護 --- # 👓 優點二：豐富 ## 社群活躍、中文教學多 ## 文件清楚，搭配範例學習更容易 --- # 🔁 優點三：相容 ## 可搭配任意後端系統 ## 適用個人小專案，也適合大型企業應用 --- # 🛠️ Vue 可做什麼？ ## ✅ SPA 單頁應用（如 Todo List） ## ✅ 數據儀表板 ## ✅ 電子商務前台、部落格 ## ✅ Progressive Web App (PWA) --- # 📚 推薦書籍與資源 ## [重新認識 Vue.js](https://books.google.com.tw/books?id=C7MsEAAAQBAJ) ## [Vue.js 3 實戰手冊｜Kuro Hsu](https://book.vue.tw/) --- # 📖 延伸技術(1) ## ✅ Markdown：直覺的標記語言 * 快速排版、支援圖片與超連結 * 適用於筆記、教學、靜態內容展示 * [Markdown 是什麼？](https://hackmd.io/@bestian/BJi8ulZrkl#/) --- # 📖 延伸技術(2) ## ✅ VitePress：為 Vue 而生的靜態網站產生器 * 使用 Markdown 撰寫內容，結合 Vue 功能 * 超快速建置個人文件、部落格、教學網站 * 官方網站：[vitepress.dev](https://vitepress.dev) --- # 📖 延伸技術(3) ## ✅ Quasar：適用多平台的高階框架 * 基於 Vue.js 的全方位框架，支援 SPA、PWA、SSR、行動App與桌面App * 一套程式碼即可部署至多平台，提升開發效率 * 內建 70+ 高品質 UI 元件，遵循 Material Design 設計 * 官方網站：[quasar.dev](https://quasar.dev) --- # ✨ 開始 Vue 之旅 ## 安裝 [Node.js](https://nodejs.org/zh-tw) → [建立 Vue 專案](https://github.com/vuejs/create-vue) → 開始開發！ --- # 小試身手 用[codePen](https://codepen.io/danvega/pen/eYpmBzM)線上編輯一個Vue組件吧