Vue簡(jiǎn)介

Vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue采用自底向上增量開發(fā)的設(shè)計(jì)。Vue的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫或已有項(xiàng)目整合。另一方面，Vue完全有能力驅(qū)動(dòng)采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)的復(fù)雜單頁應(yīng)用。

Vue.js的目標(biāo)是通過盡可能簡(jiǎn)單的API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。

Vue.js自身不是一個(gè)全能框架——它只聚焦于視圖層。因此它非常容易學(xué)習(xí)，非常容易與其它庫或已有項(xiàng)目整合。另一方面，在與相關(guān)工具和支持庫一起使用時(shí)，Vue.js也能完美地驅(qū)動(dòng)復(fù)雜的單頁應(yīng)用。

MVVM模式

MVVM是Model-View-ViewModel的簡(jiǎn)寫。它本質(zhì)上就是MVC的改進(jìn)版。MVVM就是將其中的View的狀態(tài)和行為

抽象化，讓我們將視圖UI和業(yè)務(wù)邏輯分開MVVM模式和MVC設(shè)計(jì)模式一樣，主要目的是分離視圖(View)和模型(Model)

Vue.js是一個(gè)提供了MVVM風(fēng)格的雙向數(shù)據(jù)綁定的Javascript庫，專注于View層。它的核心是MVVM中的VM，也就是ViewModel。ViewModel負(fù)責(zé)連接View和Model，保證視圖和數(shù)據(jù)的一致性，這種輕量級(jí)的架構(gòu)讓前端開發(fā)更加高效、便捷

入門代碼

插值表達(dá)式

數(shù)據(jù)綁定最常見的形式就是使用“Mustache”語法(雙大括號(hào))的文本插值，Mustache標(biāo)簽將會(huì)被替代為對(duì)應(yīng)數(shù)據(jù)對(duì)

象上屬性的值。無論何時(shí)，綁定的數(shù)據(jù)對(duì)象上屬性發(fā)生了改變，插值處的內(nèi)容都會(huì)更新。Vue.js都提供了完全的JavaScript表達(dá)式支持。

這些表達(dá)式會(huì)在所屬 Vue 實(shí)例的數(shù)據(jù)作用域下作為 JavaScript 被解析。有個(gè)限制就是，每個(gè)綁定都只能包含單個(gè) 表達(dá)式，所以下面的例子都不會(huì)生效。

以上就是“vue.js實(shí)戰(zhàn)視頻教程之簡(jiǎn)單的快速入門”的詳解介紹，更多資料大家可以在動(dòng)力節(jié)點(diǎn)官網(wǎng)的Java技術(shù)文檔中查找。