1.1.2　流行的MVVM模式

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

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

圖1-1　MVVM模式

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