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