一、简述

三种比较常见的前端架构模式：MVC、MVP、MVVM。其中MVC是其他两种的基础，MVP和MVVM可以看做是升级版一样的存在。现在最多用到的就是MVC(可能也比较少了)和MVVM。

二、MVC与MVVM

MVC允许在不改变视图的情况下改变视图对用户输入的响应方式，用户对View的操作交给了Controller处理，在Controller中响应View的事件调用Model的接口对数据进行操作，一旦Model发生变化便通知相关视图进行更新。如下所示：

MVVM与MVC最大的区别就是：它实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom元素，来改变View的显示，而是改变属性后该属性对应View层显示会自动改变。

现在使用最多的Vue，就是一个典型的MVVM模型代表