- Vue.js 3.x高效前端开发(视频教学版)
- 李小威编著
- 222字
- 2023-09-26 15:34:35
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中数据的双向绑定。