什麽是 Vue？

Vue (發音為(wèi) /vjuː/，類似 view) 是一(yī)款用于構建用戶界面的 JavaScript 框架。它基于标準 HTML、CSS 和(hé) JavaScript 構建，并提供了(le)一(yī)套聲明(míng)式的、組件化的編程模型，幫助你高效地(dì)開(kāi)發用戶界面。無論是簡單還是複雜(zá)的界面，Vue 都(dōu)可(kě)以勝任。

聲明(míng)式渲染：Vue 基于标準 HTML 拓展了(le)一(yī)套模闆語法，使得我們可(kě)以聲明(míng)式地(dì)描述最終輸出的 HTML 和(hé) JavaScript 狀态之間(jiān)的關系。

響應性：Vue 會自(zì)動跟蹤 JavaScript 狀态并在其發生變化時(shí)響應式地(dì)更新 DOM。

你可(kě)能(néng)已經有了(le)些疑問(wèn)——先别急，在後續的文檔中我們會詳細介紹每一(yī)個細節。現在，請(qǐng)繼續看(kàn)下(xià)去，以确保你對 Vue 作(zuò)為(wèi)一(yī)個框架到底提供了(le)什麽有一(yī)個宏觀的了(le)解。

漸進式框架 ​

Vue 是一(yī)個框架，也是一(yī)個生态。其功能(néng)覆蓋了(le)大部分前端開(kāi)發常見(jiàn)的需求。但(dàn) Web 世界是十分多樣化的，不同的開(kāi)發者在 Web 上(shàng)構建的東西(xī)可(kě)能(néng)在形式和(hé)規模上(shàng)會有很(hěn)大的不同。考慮到這(zhè)一(yī)點，Vue 的設計非常注重靈活性和(hé)“可(kě)以被逐步集成”這(zhè)個特點。根據你的需求場景，你可(kě)以用不同的方式使用 Vue：

無需構建步驟，漸進式增強靜态的 HTML

在任何頁面中作(zuò)為(wèi) Web Components 嵌入

單頁應用 (SPA)

全棧 / 服務端渲染 (SSR)

Jamstack / 靜态站點生成 (SSG)

開(kāi)發桌面端、移動端、WebGL，甚至是命令行(xíng)終端中的界面

如(rú)果你是初學者，可(kě)能(néng)會覺得這(zhè)些概念有些複雜(zá)。别擔心！理解教程和(hé)指南的內(nèi)容隻需要(yào)具備基礎的 HTML 和(hé) JavaScript 知識。即使你不是這(zhè)些方面的專家，也能(néng)夠跟得上(shàng)。

如(rú)果你是有經驗的開(kāi)發者，希望了(le)解如(rú)何以最合适的方式在項目中引入 Vue，或者是對上(shàng)述的這(zhè)些概念感到好奇，我們在使用 Vue 的多種方式中讨論了(le)有關它們的更多細節。

無論再怎麽靈活，Vue 的核心知識在所有這(zhè)些用例中都(dōu)是通(tōng)用的。即使你現在隻是一(yī)個初學者，随着你的不斷成長(cháng)，到未來有能(néng)力實現更複雜(zá)的項目時(shí)，這(zhè)一(yī)路上(shàng)獲得的知識依然會适用。如(rú)果你已經是一(yī)個老(lǎo)手，你可(kě)以根據實際場景來選擇使用 Vue 的最佳方式，在各種場景下(xià)都(dōu)可(kě)以保持同樣的開(kāi)發效率。這(zhè)就是為(wèi)什麽我們将 Vue 稱為(wèi)“漸進式框架”：它是一(yī)個可(kě)以與你共同成長(cháng)、适應你不同需求的框架。

單文件組件 ​

在大多數(shù)啓用了(le)構建工(gōng)具的 Vue 項目中，我們可(kě)以使用一(yī)種類似 HTML 格式的文件來書(shū)寫 Vue 組件，它被稱為(wèi)單文件組件 (也被稱為(wèi) *.vue 文件，英文 Single-File Components，縮寫為(wèi) SFC)。顧名思義，Vue 的單文件組件會将一(yī)個組件的邏輯 (JavaScript)，模闆 (HTML) 和(hé)樣式 (CSS) 封裝在同一(yī)個文件裏。

單文件組件是 Vue 的标志性功能(néng)。如(rú)果你的用例需要(yào)進行(xíng)構建，我們推薦用它來編寫 Vue 組件。你可(kě)以在後續相關章(zhāng)節裏了(le)解更多關于單文件組件的用法及用途。但(dàn)你暫時(shí)隻需要(yào)知道(dào) Vue 會幫忙處理所有這(zhè)些構建工(gōng)具的配置就好。

API 風(fēng)格 ​

Vue 的組件可(kě)以按兩種不同的風(fēng)格書(shū)寫：選項式 API 和(hé)組合式 API。

選項式 API (Options API) ​

使用選項式 API，我們可(kě)以用包含多個選項的對象來描述組件的邏輯，例如(rú) data、methods 和(hé) mounted。選項所定義的屬性都(dōu)會暴露在函數(shù)內(nèi)部的 this 上(shàng)，它會指向當前的組件實例。

組合式 API (Composition API) ​