1.2.2　MVVM模式

隨著網站前端開發技術的發展，又出現了MVVM模式。不少前段框架采用了MVVM模式，例如當前比較流行的Angular和Vue.js。

MVVM是Model-View-ViewModel的簡寫。其中MV和MVC模式中的意思一樣，VM指ViewModel，是視圖模型。

MVVM模式示意圖如圖1-2所示。

圖1-2　MVVM模式示意圖

ViewModel是MVVM模式的核心，是連接View和Model的橋梁。它有兩個方向：

（1）將模型轉化成視圖，將后端傳遞的數據轉化成用戶所看到的頁面。

（2）將視圖轉化成模型，即將所看到的頁面轉化成后端的數據。

在Vue.js框架中，這兩個方向都實現了，就是Vue.js中數據的雙向綁定。