![Vue.js 3.x从入门到精通(视频教学版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/86/47216086/b_47216086.jpg)
上QQ阅读APP看书,第一时间看更新
1.2.2 MVVM模式
随着网站前端开发技术的发展,又出现了MVVM模式。不少前段框架采用了MVVM模式,例如当前比较流行的Angular和Vue.js。
MVVM是Model-View-ViewModel的简写。其中MV和MVC模式中的意思一样,VM指ViewModel,是视图模型。
MVVM模式示意图如图1-2所示。
![](https://epubservercos.yuewen.com/900E05/26581041201226906/epubprivate/OEBPS/Images/ZQ-365-012_page_016_1.jpg?sign=1738864947-DT0XUBFvAzEQZcFkbFwyDvTkT5a5A9K0-0-563c4d5e0fbfb4f68fdac0a80c0b1188)
图1-2 MVVM模式示意图
ViewModel是MVVM模式的核心,是连接View和Model的桥梁。它有两个方向:
(1)将模型转化成视图,将后端传递的数据转化成用户所看到的页面。
(2)将视图转化成模型,即将所看到的页面转化成后端的数据。
在Vue.js框架中,这两个方向都实现了,就是Vue.js中数据的双向绑定。