如何理解前端框架中的MVVM，MVC，MVW？他们的区别和适用场景分别是什么？

M model 模型

V view 视图

VM view model 视图的模型

P presenter 展示器

C controller 控制器

W whatever 随意

理解 MVVM 就好了。 其他的不重要。 VM属于模型与视图的连接者，并且由此分离。 每个部分负责不同的内容，给长期开发打好基础。

View 视图 通俗易懂。就是前端的 HTML， CSS 和 与 HTML CSS 有关的JS代码。 写一个Form 表格，由 HTML 架起，CSS 做美化，JS来进行动画控制。

Model 模型。简单说是起到连接服务器，和商业逻辑的形成。 这里面很多需要异步处理，并且有需求独立更新。因此，必须和视图分离

而连接上面这两者的就是 View Modal 试图模型。 这里只做连接，并不起到控制。保证独立性。在多个 View 和多个 Modal 之前做到很好的桥梁的作用。

P 起到的作用更多是展示, 部分控制，换句话说 Angular 里面那么多 ng-show 后面的代码都可以理解为 P

C 起到的主体控制。比如读取 M 的数据，然后插入一个模块到 V 视图里。 如果用 Angular 来解读, Controller 就是 C。 结果就是强行将 V 与 M 绑定导致后期开发履步维艰。

W 则不分的那么具体。更为灵活。 由于我们本身使用大量框架和库，强制分离某些功能导致开发过程极其缓慢。 选择一个适合团队的模式进行开发才是正道，突破局限。

作者：robert wang

链接：https://www.zhihu.com/question/54588987/answer/140212106

来源：知乎