MVC、MVP、MVVM这些模式是为了解决开发过程中的实际问题而提出来的,目前作为主流的几种架构模式而被广泛使用。
一、MVC
MVC是比较直观的架构模式,它主要分为以下三部分:
- 模型(Model):数据保存
- 视图(View):用户界面
- 控制器(Controller):业务逻辑
它的操作流程为:用户操作–>View(负责接收用户的输入操作)–>Controller(业务逻辑处理)–>Model(数据持久化)–>View(将结果反馈给View)。MVC所有通信过程都是单向的。
二、MVP
MVP 模式将 Controller 改名为 Presenter(呈现),同时改变了通信方向。它切断View跟Model之间的联系,由Presenter充当桥梁,做到View-Model之间通信的完全隔离,而其他各部分的的通信是双向的。
三、MVVM
MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。它是将“数据模型数据双向绑定”的思想作为核心,因此在View和Model之间没有联系,通过ViewModel进行交互,而且Model和ViewModel之间的交互是双向的,因此视图的数据的变化会同时修改数据源,而数据源数据的变化也会立即反应到View上。
传统的前端会将数据手动渲染到页面上, MVVM 模式不需要用户收到操作 dom 元素,将数据绑定到 viewModel 层上,会自动将数据渲染到页面中,视图变化会通知viewModel层 更新数据。
区别:
1、对于MVP与MVC的话,在MVP中View并不直接使用Model,它们之间的通信是通过Presenter (MVC中的Controller)来进行的,所有的交互都发生在Presenter内部,而在MVC中View会直接从Model中读取数据而不是通过 Controller。
2、而对于MVP和MVVM唯一的区别是,MVVM采用双向绑定(data-binding):View的变动,自动反映在 ViewModel。
|