1.1.2　流行的MVVM模式

MVVM是把MVC中的Controller去除了，相當(dāng)于變薄了，取而代之的是ViewModel。所謂ViewModel，是一個(gè)同步的View和Model的對(duì)象，在前端MVVM中，ViewModel最典型的作用是操作DOM，特點(diǎn)是雙向數(shù)據(jù)綁定（Data-Binding）。

在雙向數(shù)據(jù)綁定中，開發(fā)者無須關(guān)注如何找到DOM節(jié)點(diǎn)和如何修改DOM節(jié)點(diǎn)，因?yàn)槊恳粋€(gè)在View中需要操作的DOM都會(huì)有一個(gè)在Model中對(duì)應(yīng)的對(duì)象，通過改變這個(gè)對(duì)象，DOM就會(huì)自動(dòng)改變；反之，當(dāng)DOM改變時(shí)，對(duì)應(yīng)的Model中的對(duì)象也會(huì)改變。ViewModel將View和Model關(guān)聯(lián)起來，因此開發(fā)者只需關(guān)注業(yè)務(wù)邏輯，不需要手動(dòng)操作DOM，這就是ViewModel帶來的優(yōu)勢(shì)，如圖1-1所示。

圖1-1　MVVM模式

MVVM讓開發(fā)者更加專注于頁面視圖，從視圖出發(fā)來編寫業(yè)務(wù)邏輯，這也符合正常的開發(fā)流程，而Vue.js就是一個(gè)典型的從視圖（View）出發(fā)的前端MVVM框架。從Vue的英文發(fā)音/vju:/類似View就可以參透其中的奧秘。