第19题：MVC、MVP、 MVVM三种架构的区别

MVC概述

MVC即Model、View、Controller即模型、视图、控制器。

• View：它是提供给用户的操作界面，是程序的外壳；
• Model：是程序需要操作的数据和信息；
• Controller：接收View层传递过来的指令，选取Model层对应的数据，进行相应操作。

图解：

MVP概述

• MVP是从MVC进化而来，即Model、View、Presenter；View和Model同MVC中的M和V，MVP只是将MVC中的Controller变成了Presenter

• 上面的图解中MVC中的View层和Model层是存在耦合的，但其实我们不提倡View层与Model层有直接的交互；MVP就是这样一种思想的体现，View层与Model的交互只能通过Presenter

• MVP与MVC还有一点不同： 它的通信是双向的，如下图所示，有两个方向：V->P->M，M->P->V
  

MVVM概述

MVVM是由MVP进化而来，MVVM模式基本上与MVP相同，只是把MVP中的P变成了VM，即ViewModel

• Model: 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。我们可以把Model称为数据层，因为它仅仅关注数据本身，不关心任何行为

• View: 用户操作界面（DOM）。当ViewModel对Model进行更新的时候，会通过数据绑定更新到View

• ViewModel： 业务逻辑层（创建Vue实例），View需要什么数据，ViewModel要提供这个数据；View有某些操作，ViewModel就要响应这些操作，所以可以说它是Model for View.

关于MVVM详讲戳着->vue MVVM模式