什么是Vue？

Vue是一款用于構建用戶界面的JavaScript框架。

它基于標準HTML、CSS和JavaScript構建，并提供了一套聲明式的、組件化的編程模型，幫助你高效地開發用戶界面。無論是簡單的還是復雜地界面，Vue都可以勝任。

• 聲明式渲染：Vue基于標準HTML拓展了一套模板語法，使得我們可以聲明式地描述最終輸出地HTML和JavaScript狀態之間的關系。
• 響應性：Vue會自動跟蹤JavaScript狀態并在其發生變化時響應式地更新DOM。

漸進式框架

Vue是一個框架，也是一個生態。其功能覆蓋了大部分前端開發常見地需求。但Web世界是十分多樣化的，不同的開發者在Web上構建的東西可能在形式和規模上會有很大的不同。

Vue的設計非常注重靈活性和“可以被逐步集成”這個特點。根據你的需求場景，你可以用不同的方式使用Vue：

• 無需構建步驟，漸進式增強靜態的HTML
• 在任何頁面中作為Web Components嵌入
• 單頁應用（SPA）
• 全棧/服務端渲染（SSR）
• Jamstack/靜態站點生成（SSG）
• 開發桌面端、移動端、web GL、甚至是命令終端中的界面

單文件組件

在大多數啟用了構建工具的Vue項目中，我們可以使用一種類似HTML格式的文件來書寫Vue組件，它被稱為單文件組件。

Vue的單文件組件會將一個組件的邏輯（JavaScript），模板（HTML）和樣式（CSS）封裝在同一個文件里面。

單文件組件是Vue的標志性功能。推薦用它來編寫Vue組件。

API風格

Vue的組件可以按兩種不同的風格書寫：選項式API和組合式API。

選項式API：

使用選項式API，我們可以用包含多個選項的對象來描述組件的邏輯，選項所定義的屬性會暴露在函數內部的this上，它會指向當前的組件實例。

組合式API：

通過組合式API，我們可以使用導入的API函數來描述組件邏輯。在單文件組件中，組合式API通常會與<script setup>搭配使用。

選項式API與組合式API該選擇哪一個？

兩種API風格都能覆蓋大部分的應用場景。它們只是同一個底層系統所提供的兩套不同的接口。實際上，選項式API是在組合式API的基礎上實現的。

在生產項目中：當你不需要使用構建工具，或者打算主要在低復雜度的場景中使用Vue，推薦采用選項式API。 當你打算用Vue構建完整的單頁應用，推薦采用組合式API+單文件組件。