MVC、MVP、MVVM区别

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。