Vue (發音(yīn)爲 /vjuː/，類似 view) 是(shì)一款用于構建用戶界面的 JavaScript 框架。它基于标準 HTML、CSS 和 JavaScript 構建，并提供了一套聲明式的、組件(jiàn)化(huà)的編程模型，幫助你高(gāo)效地(dì)開(kāi)發用戶界面。無論是(shì)簡單還是(shì)複雜的界面，Vue 都可(kě)以勝任。

Vue由Evan You創建，于2014年發布。Vue使用model-view-viewmodel （MVVM）體(tǐ)系結構。 Evan You之前在google研究過AngularJS，并提取了Angular的部分(fēn)特性以提供一個更輕量級的框架。

下面是(shì)一個最基本的示例：

import { createApp, ref } from 'vue'
createApp({
  setup() {
      return {      
      count: ref(0)
          }
     }
}).

<div id="app">  
    <button @click="count++">    
        Count is: {{ count }}  
    </button>
</div>

結果展示

上面的示例展示了 Vue 的兩個核心功能：

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

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

漸進式框架

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

• 無需構建步驟，漸進式增強靜态的 HTML
• 在任何頁面中作爲 Web Components 嵌入
• 單頁應用 (SPA)
• 全棧 / 服務端渲染 (SSR)
• Jamstack / 靜态站(zhàn)點生成 (SSG)
• 開(kāi)發桌面端、移動端、WebGL，甚至是(shì)命令行(xíng)終端中的界面

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

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

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

VueJS