简单的区别:(灵感来自Yaakov的Coursera AngularJS课程)

MVC(模型-视图-控制器)

模型:模型包含数据信息。不调用或使用控制器和视图。包含业务逻辑和表示数据的方法。其中一些数据可能以某种形式显示在视图中。它还可以包含从某些源检索数据的逻辑。 控制器:作为视图和模型之间的连接。视图调用控制器，控制器调用模型。它基本上通知模型和/或视图进行适当的更改。 视图:处理UI部分。与用户交互。

模型视图视图模型

ViewModel:

它是视图状态的表示。 它保存在视图中显示的数据。 响应视图事件，也就是表示逻辑。 为业务逻辑处理调用其他功能。 永远不要直接要求视图显示任何东西。

一般来说，MVC用于Web开发，MVVM在WPF/Silverlight开发中最受欢迎。 然而，有时web架构可能混合使用MVC和MVVM。

例如:你可能会使用knockout.js，在这种情况下，你的客户端上会有MVVM。 你的MVC的服务器端也可以改变。在复杂的应用程序中，没有人使用纯模型。使用ViewModel作为MVC的“模型”可能有一定的意义，而你真正的模型基本上将是这个VM的一部分。这为您提供了一个额外的抽象层。

除了给出的许多回答之外，我还想从现代客户端web或富web应用程序的角度添加一些额外的观点。

事实上，现在简单的网站和较大的网络应用程序通常是用许多流行的库(如Bootstrap)构建的。Knockout由Steve Sanderson构建，提供了对MVVM模式的支持，该模式模仿了模式中最重要的行为之一:通过视图模型进行数据绑定。只需一点点JavaScript，就可以实现数据和逻辑，然后使用简单的数据绑定HTML属性将其添加到页面元素中，类似于使用Bootstrap的许多特性。这两个库单独提供互动内容;当与路由结合使用时，这种方法可以产生一种简单而强大的方法来构建单页应用程序。

类似地，现代客户端框架(如Angular)遵循MVC模式，但也添加了一个服务。有趣的是，它被吹捧为模型-视图- whatever (MVW)。(参见Stack Overflow上的这篇文章。)

此外，随着渐进式web框架(如Angular 2)的兴起，我们看到了术语的变化，也许还有一种新的架构模式，组件由视图或模板组成，并与服务交互——所有这些都可以包含在模块中;和一系列模块组成的应用程序。

MVVM将视图模型添加到混合中。这很重要，因为它允许您大量使用WPF的绑定方法，而无需将所有特定于UI的部分放在常规模型中。

我可能是错的，但是我不确定MVVM真的强迫控制器混合。我发现这个概念更符合:http://martinfowler.com/eaaDev/PresentationModel.html。我认为人们选择将其与MVC结合起来，而不是将其内置到模式中。

微软在这里提供了Windows环境中MVVM模式的解释。

这里有一个关键的部分:

在模型-视图-视图模型设计模式中，应用程序由以下部分组成 三个一般组成部分。 模型:这表示应用程序使用的数据模型。例如，在图片共享应用程序中，此层可能表示 设备上可用的图片集和用于读取和的API 写入图片库。 视图:应用通常由多个UI页面组成。显示给用户的每个页面都是MVVM术语中的一个视图。观点是 用于定义和设置用户所看到内容样式的XAML代码。的数据 从模型显示到用户，这是工作的 的当前状态为UI提供此数据 例如，在一个图片共享应用中，视图就是UI 向用户显示设备上的相册列表，其中的图片 一个相册，或者另一个向用户显示特定信息的相册 图片。 ViewModel: ViewModel将数据模型或简单的模型绑定到应用程序的UI或视图上 哪一个来管理模型中的数据并将数据作为一个集合公开 XAML UI或视图可以绑定到的属性。例如, 在图片共享应用中，ViewModel会显示一个相册列表， 并且为每个相册公开一个图片列表。UI是不可知论的 图片从何而来，如何获取。它只是 知道ViewModel所显示的一组图片，并显示它们 对用户。

我曾经认为MVC和MVVM是一样的。现在，由于Flux的存在，我可以分辨出其中的区别:

在MVC中，对于你应用中的每个视图，你都有一个模型和一个控制器，我称之为视图，视图模型，视图控制器。该模式并没有告诉您一个视图如何与另一个视图通信。因此，在不同的框架中有不同的实现。例如，在某些实现中，控制器之间相互通信，而在其他实现中，有另一个组件在它们之间进行中介。甚至还有视图模型相互通信的实现，这打破了MVC模式，因为视图模型应该只由视图控制器访问。

在MVVM中，每个组件都有一个视图模型。该模式没有指定视图应该如何影响视图模型，所以通常大多数框架只在视图模型中包含控制器的功能。但是，MVVM确实告诉您，视图模型的数据应该来自模型，这是整个模型，它不知道或自定义特定的视图。

为了说明差异，让我们以Flux模式为例。Flux模式告诉我们应用中的不同视图应该如何通信。每个视图侦听一个存储，并使用分派器触发操作。分派程序依次将刚刚执行的操作告知所有存储，然后存储更新自己。Flux中的存储对应于MVVM中的(通用)模型。它不是针对任何特定视图定制的。所以通常当人们使用React和Flux时，每个React组件实际上都实现了MVVM模式。当一个动作发生时，视图模型调用分派器，最后它根据存储(即模型)中的变化得到更新。你不能说每个组件都实现了MVC，因为在MVC中只有控制器才能更新视图模型。因此MVVM可以和Flux一起工作(MVVM处理视图和视图模型之间的通信，Flux处理不同视图之间的通信)，而MVC不能在不破坏关键原则的情况下与Flux一起工作。