MVVM定义
MVVM
是 Model-View-ViewModel
的缩写,即模型-视图-视图模型。MVVM 是
一种设计思想。
- 模型(
Model
): 数据保存—存放着各种数据,有的是固定写死的,大多数是从后端返回的数据 - 视图 (
View
):用户界面,也就是DOM
- 视图模型(View-Model):连接
View
和Model
的桥梁,当数据变化时,ViewModel
够监听到数据的变化(通过Data Bindings
),自动更新视图,而当用户操作视图,ViewModel
也能监听到视图的变化(通过DOM Listeners
),然后通知数据做改动,这就实现了数据的双向绑定。
MVVM
流程图如下:
- 数据双向绑定的原理见上一章
MVVM和 MVC 区别?
- 都是一种设计思想
-
MVC
后台用的多,MVC
是Model-View-Controller
的简写,即模型-视图-控制器。 -
MVC
的目的就是将M和V 的代码分离 -
MVC
是单向通信,也就是View
和Model
,必须通过Controller
来承上启下 -
MVVM
实现了View
和Model
的自动同步,当Model的属性改变时,不用再自己手动操作DOM
元素,提高了页面渲染性能