- Vue.js 3.0从入门到精通(视频教学版)
- 李小威编著
- 218字
- 2022-07-27 18:37:30
1.2.2 MVVM模式
随着网站前端开发技术的发展,又出现了MVVM模式。不少前段框架采用了MVVM模式,例如,当前比较流行的Angualr和Vue.js。
MVVM是Model-View-ViewModel的简写。其中MV和MVC模式中的意思一样,VM指ViewModel,是视图模型。
MVVM模式示意图如图1-2所示。
![](https://epubservercos.yuewen.com/AF1F26/23721640501031706/epubprivate/OEBPS/Images/Figure-P20_2498.jpg?sign=1739471695-kmCUM2cVUlidINlmkxPW6krEqLTgJO5d-0-ba2bc2d0104a2fa9362e9b36a09654b6)
图1-2 MVVM模式示意图
ViewModel是MVVM模式的核心,是连接View和Model的桥梁。它有两个方向:
(1)将模型转化成视图,将后端传递的数据转化成用户所看到的页面。
(2)将视图转化成模型,即将所看到的页面转化成后端的数据。
在Vue.js框架中这两个方向都实现了,就是Vue.js中数据的双向绑定。