前端小白如何理解mvc mvp mvvm

架构、框架、设计模式是都是啥？

架构：抽象出来不同组织或者对象亦或是简单组件，根据需求和各个单元的功能，进行组合排列。 从而完成系统的运行或者是实现目标。

框架：使用什么样的规则，什么样的开发语言，或者使用什么样模型。

设计模式：解决某一类问题的基本思路，或者是基本方法。

MV + C/P/VM是啥？

model: 模型，用来展示或者存放的数据。
view: 视图，用来显示界面用户交互面。
c: control 控制器， 用来接受用户操作信息或者指令信息，并且负责将信息转化数据
p: presenter ，单词的含义是主持人。我愿意理解为 “住持” ，作为一个系统寺庙的住持，它要负责接受信息，处理信息，发布信息。
vm: 视图模型
流程图介绍三种设计模式
mvc:

用户操作视图，发生改变通知控制器，控制更新数据，模型接受新数据，发给视图展示。例如：计算器，输入1 + 1， 计算后等于2，计算器显示了2.
mvp:

用户操作视图，发生改变通知住持，住持处理更新数据，模型接受新数据，发给住持，住持更新视图。

== 我们可以看到从这里开始，视图和模型直接不能直接通信了，这个思想也被mvvm模型借鉴==
mvvm

mvvm的视图和视图模型是双向数据绑定，他们彼此的变化不需要在单独处理而是响应式。其他的和mvp一样。
mvvm 软件设计思想 在react vue angular 前端框架都有体现。

tips： 在整个IT行业，一个公司it部门分为前端，action层，service层，是不是也是mvp思想的体现。