理解MVC，MVP，MVVM

一.MVC

1.

M: 模型（Model）：数据保存
V: 视图（View）：用户界面。
C: 控制器（Controller）：业务逻辑

MVC

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

2.互动模式

• 1)通过 View 接受指令，传递给 Controller
  用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结果反馈给View）

  
  通过View接受用户指令

• 2)直接通过controller接受指令。

  
  通过Controller接受用户指令
• 3）

图片.png

用户可以向 View 发送指令（DOM 事件），再由 View 直接要求 Model 改变状态。
用户也可以直接向 Controller 发送指令（改变 URL 触发 hashChange 事件），再由 Controller 发送给 View。
Controller 非常薄，只起到路由的作用，而 View 非常厚，业务逻辑都部 署在 View。

二、MVP

MVP

各部分之间的通信，都是双向的。
View 与 Model 不发生联系，都通过 Presenter 传递。
View 非常薄，不部署任何业务逻辑，称为"被动视图"（Passive View），即没有任何主动性，而 Presenter非常厚，所有逻辑都部署在那里。

三、MVVM

MVVP

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

• 优点：
  1.方便测试
  在MVC下，Controller基本是无法测试的，里面混杂了个各种逻辑，而且分散在不同的地方。而对于MVVM我们可以测试里面的viewModel，来验证处理结果
  2.便于代码的移植
  3.兼容MVC
  MVVM是MVC的一个升级版，目前的MVC也可以很快的转换到MVVM这个模式。VC可以省去一大部分展示逻辑。

• 缺点：
  1.类会增多
  2.每个VC都附带一个viewModel，类的数量*2
  3.viewModel会越来越庞大
  4.调用复杂度增加