Vue (讀音 /vju?/,類似于 view) 是一套用于構(gòu)建用戶界面的漸進式框架。與其它大型框架不同的是,Vue 被設(shè)計為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層,不僅易于上手,還便于與第三方庫或既有項目整合。另一方面,當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時,Vue 也完全能夠為復(fù)雜的單頁應(yīng)用提供驅(qū)動。
如果你想在深入學(xué)習(xí) Vue 之前對它有更多了解,我們制作了一個視頻,帶您了解其核心概念和一個示例工程。
如果你已經(jīng)是有經(jīng)驗的前端開發(fā)者,想知道 Vue 與其它庫/框架有哪些區(qū)別,請查看對比其它框架。
我們已經(jīng)成功創(chuàng)建了第一個 Vue 應(yīng)用!看起來這跟渲染一個字符串模板非常類似,但是 Vue 在背后做了大量工作?,F(xiàn)在數(shù)據(jù)和 DOM 已經(jīng)被建立了關(guān)聯(lián),所有東西都是響應(yīng)式的。我們要怎么確認(rèn)呢?打開你的瀏覽器的 JavaScript 控制臺 (就在這個頁面打開),并修改 app.message 的值,你將看到上例相應(yīng)地更新。
注意我們不再和 HTML 直接交互了。一個 Vue 應(yīng)用會將其掛載到一個 DOM 元素上 (對于這個例子是 #app) 然后對其進行完全控制。那個 HTML 是我們的入口,但其余都會發(fā)生在新創(chuàng)建的 Vue 實例內(nèi)部。