每天一个前端面试题之 MVVM软件架构模式
一、MVVM的定义
MVVM是model view view-model的简写,即模型-视图-视图模型,是一种软件架构模式。
view: 视图层,即用户界面。其主要功能是定义用户界面的结构。
model: 数据模型,后端的各种数据,主要围绕数据库展开。其主要功能是用于支持应用程序中的views。
view-model: 视图模型层,是整个MVVM软件架构的核心,是连接view和model的桥梁。其主要功能是通过数据绑定,将后端传递的数据转化为所能看到的页面,通过DOM事件监听将所看待的页面转化为后端的数据。即,实现数据的双向绑定。
通过下图可以更直观的理解MVVM。(View的变动,自动反映在 ViewModel,ViewModel的变化也会自动的反映发到View中。View 与 Model 不发生联系)
Vue就是MVVM的实现者,React,Angular也是。下图是Vue中的。