MVC和MVVM

区别：MVC表示“模型-视图-控制器”，MVVM表示“模型-视图-视图模型”；MVVM是由MVC衍生出来的。MVC中，View会直接从Model中读取数据；MVVM各部分的通信是双向的，而MVC各部分通信是单向的；MVVM是真正将页面与数据逻辑分离放到js里去实现，而MVC里面未分离。

MVC和MVVM是两种流行的设计模式。其中，MVC表示模型-视图-控制器，MVVM表示模型-视图-视图模型； MVVM是由MVC衍生出。这些设计模式大体上都有助于开发松散组合、易于测试和维护的应用程序。

MVC（Model-View-Controller）

MVC是比较直观的架构模式，最初生根于服务器端的Web开发，后来渐渐能够胜任客户端Web开发，能够满足其复杂性和丰富性。

MVC模式将应用程序划分为三个部分：

• Model: 模型（用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法）

• View: 视图（渲染页面）

• Controller: 控制器（M和V之间的连接器，用于控制应用程序的流程，及页面的业务逻辑）

MVC特点：

MVC模式的特点在于实现关注点分离，即应用程序中的数据模型与业务和展示逻辑解耦。在客户端web开发中，就是将模型(M-数据、操作数据)、视图(V-显示数据的HTML元素)之间实现代码分离，松散耦合，使之成为一个更容易开发、维护和测试的客户端应用程序。

用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结果反馈给View）：

1. View 传送指令到 Controller ；
2. Controller 完成业务逻辑后，要求 Model 改变状态 ；
3. Model 将新的数据发送到 View，用户得到反馈。

MVVM（Model-View-ViewModel）

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

MVVM包括view视图层、model数据层、viewmodel层。各部分通信都是双向的。采用双向数据绑定，View的变动，自动反映在 ViewModel，反之亦然。其中ViewModel层，就是View和Model层的粘合剂，他是一个放置用户输入验证逻辑，视图显示逻辑，发起网络请求和其他各种各样的代码的极好的地方。说白了，就是把原来ViewController层的业务逻辑和页面逻辑等剥离出来放到ViewModel层

MVC与MVVM的区别

在MVC里，View是可以直接访问Model的，所以View里会包含Model信息以及一些业务逻辑。 MVC模型关注的是Model的不变，所以在MVC模型里，Model不依赖于View，但是 View是依赖于Model的。不仅如此，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，至少那些业务逻辑是无法重用的。

MVVM在概念上是真正将页面与数据逻辑分离的模式，它把数据绑定工作放到一个JS里去实现，而这个JS文件的主要功能是完成数据的绑定，即把model绑定到UI的元素上。此外MVVM另一个重要特性双向绑定，它更方便你去同时维护页面上都依赖于某个字段的N个区域，而不用手动更新它们。

总结：

• 在MVC中，View会直接从Model中读取数据而不是通过 Controller；View和 Controller之间存在多对一关系。

• MVVM 模式基本上与 MVP 模式完全一致，唯一的区别是：MVVM采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。