Vue 是什麼？
Vue.js（讀作 /vjuː/，跟 view 一樣）是用來做使用者介面的 JavaScript 框架。它建立在標準 HTML、CSS、JavaScript 之上，用宣告式樣板描述畫面，再用響應式（Reactivity）在資料變動時自動更新 DOM。
本站以 Vue 3 為準。Vue 2 已於 2023 年 12 月 31 日結束支援，新專案不要再學 Vue 2。完整規格請以 官方文件 為準；想動手改程式，用 官方互動教學 與 Playground。
最必須掌握的 20%
API 很多，真正每天會用到的很少。先把這四件事練熟，再補路由與狀態管理即可。
| 優先 | 你要會的事 | 為什麼是這 20% |
|---|---|---|
| 1 | 樣板：{{ }}、v-bind、v-on、v-if、v-for、v-model |
畫面幾乎都靠這組指令組出來 |
| 2 | 響應式：ref、reactive、computed |
不懂追蹤依賴，就會覺得「改了資料畫面沒動」 |
| 3 | 元件：props、emits、slots | 真正的應用是元件樹，不是單一大檔 |
| 4 | Composition API ＋ <script setup> |
官方建議的寫法；Options API 仍能用，但新專案以這套為主 |
做出多頁應用再學 Vue Router；跨很多層要共享狀態再學 Pinia。不習慣看文字時，先看 影音教學。
建議學習順序
兩種 API，同一套核心
Vue 元件可以用 Options API（data、methods、mounted）或 Composition API（ref、computed、onMounted）。兩者能力相當，底層是同一套響應式系統。官方建議：
- 學的時候選你覺得比較好懂的那一種，核心觀念是共用的。
- 做完整應用、搭配建置工具時，用 Composition API ＋ 單檔元件（SFC，
*.vue）。
本站範例以 Composition API ＋ <script setup> 為主，必要時對照 Options API。
<script setup>
import { ref } from 'vue'
const count = ref(0)
</script>
<template>
<button @click="count++">點了 {{ count }} 次</button>
</template>
count 改了，畫面會自己更新。這就是響應式；後面各頁都在把這件事講清楚。
官方學習資源
官方文件與動手練習
vuejs.org 是權威來源。互動教學 在瀏覽器裡改程式即時看結果；Examples 有 Todo、Markdown 編輯器等短範例。Playground 適合貼一小段程式給別人看。
官方文件推薦的影音課
官方 Introduction 頁推薦 Vue Mastery 的 Intro to Vue 3。想直接用 Composition API，可看 Vue School 免費課（與 Vue.js 組織合作認證）。FAQ 也連到紀錄片 Vue.js: The Documentary。本站已把精選影片嵌在 影音教學。
官方認證課程
Vue.js Certification 由 Vue School 與 Vue.js 組織合作，考題經 Evan You 與核心團隊審過。適合想拿正式認證的人；本站講義仍以日常開發為主。
先看這支總覽
Fireship 約兩分鐘，用最短路徑講宣告式樣板、指令與響應式。適合建立心智模型，細節再對照本站各頁。