
上QQ阅读APP看书,第一时间看更新
1.2.2 MVVM模式
随着网站前端开发技术的发展,又出现了MVVM模式。不少前段框架采用了MVVM模式,例如,当前比较流行的Angualr和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中数据的双向绑定。