組合式 API
組合式 API（Composition API）用函式組合元件邏輯：ref、computed、watch、生命週期都從 vue 匯入。官方建議新專案搭配 <script setup>。官方：Composition API FAQ。
Options API（data、methods、mounted）仍然完全支援，適合漸進增強或沒有建置工具的頁面。兩套底層相同，本區只講現在主流的寫法。
這一區會學什麼
| 頁面 | 你會帶走的能力 |
|---|---|
<script setup> |
少寫樣板碼，import 與頂層變數直接進樣板 |
| 生命週期 | onMounted 何時打 API、何時清 timer |
| Composables | 把「滑鼠位置」「fetch 清單」抽成可重用函式 |
為什麼要換寫法
Options API 依選項分組（所有 data 一堆、所有 methods 一堆）。功能變多時，同一個功能的狀態與方法會被拆到檔案兩頭。Composition API 依功能分組，也比較好抽成 composable、比較好配 TypeScript。
官方文件用 Options 教核心語法沒問題；寫正式應用時，對照本區即可。
推薦影音
Vue Fundamentals with the Composition API
來源：Vue School 約 72 分鐘
Vue.js 認證合作平台的免費課，用 Composition API 講響應式、樣板、指令與 computed。對應本區寫法；完整課在 Vue School。