1.3.2　MVVM模式

随着网站前端开发技术的发展，又出现了MVVM模式。不少前段框架采用了MVVM模式，例如，当前比较流行的Angualr和Vue.js。

MVVM是Model-View-ViewModel的简写。其中MV和MVC模式中的一样，VM指ViewModel，是视图模型。

MVVM模式示意图如图1-3所示。

图1-3　MVVM模式示意图

ViewModel是MVVM模式的核心，是连接View和Model的桥梁。它有两个方向：

·　将模型（Model）转化成视图（View），即将后端传递的数据转化成用户所看到的页面。

·　将视图（View）转化成模型（Model），即将所看到的页面转化成后端的数据。

这两个方向都实现的模式，就是Vue.js中数据的双向绑定。