MVC和MVP和MVVM

参考阮一峰及其他博客

MVC

  • 视图(View):用户界面。
  • 控制器(Controller):业务逻辑
  • 模型(Model):数据保存

各部分之间的通信方式如下

Alt

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

原来我一直理解错了

MVP

MVP 模式将 Controller 改名为 Presenter,同时改变了通信方向。

Alt

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

MVVM

MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。

Alt

唯一的区别是,它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。Angular 和 Ember 都采用这种模式。

现在很多前端框架都是用的MVVM架构,如上图所示实际上应该是

view-view-model-controller-model

在后端获取到的数据发送给前端框架,前端框架将数据存储起来变为其内部的model,然后转换为虚拟view蹭,最后转换为正正的view层