MVC、MVP、MVVM区别| 8月更文挑战

468 阅读2分钟

MVC、MVP、MVVM这些模式是为了解决开发过程中的实际问题而提出来的,目前作为主流的几种架构模式而被广泛使用。

一、MVC

MVC是比较直观的架构模式,它主要分为以下三部分:

-   模型(Model):数据保存
-   视图(View):用户界面
-   控制器(Controller):业务逻辑

它的操作流程为:用户操作-->View(负责接收用户的输入操作)-->Controller(业务逻辑处理)-->Model(数据持久化)-->View(将结果反馈给View)。MVC所有通信过程都是单向的。

mvc.png

二、MVP

MVP 模式将 Controller 改名为 Presenter(呈现),同时改变了通信方向。它切断View跟Model之间的联系,由Presenter充当桥梁,做到View-Model之间通信的完全隔离,而其他各部分的的通信是双向的。

mvp.png

三、MVVM

MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。它是将“数据模型数据双向绑定”的思想作为核心,因此在View和Model之间没有联系,通过ViewModel进行交互,而且Model和ViewModel之间的交互是双向的,因此视图的数据的变化会同时修改数据源,而数据源数据的变化也会立即反应到View上。

传统的前端会将数据手动渲染到页面上, MVVM 模式不需要用户收到操作 dom 元素,将数据绑定到 viewModel 层上,会自动将数据渲染到页面中,视图变化会通知viewModel层 更新数据。

mvvm.png

区别:

1、对于MVP与MVC的话,在MVP中View并不直接使用Model,它们之间的通信是通过Presenter (MVC中的Controller)来进行的,所有的交互都发生在Presenter内部,而在MVC中View会直接从Model中读取数据而不是通过 Controller。

2、而对于MVP和MVVM唯一的区别是,MVVM采用双向绑定(data-binding):View的变动,自动反映在 ViewModel。