Vue.js 3.0从入门到精通(视频教学版)
上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中数据的双向绑定。