MVC和MVVM之间的对比

概述：

MVC：设计创建Web应用程序的模式（后端）

M：Model模型：

数据存放的地方是Model，可以理解为直接跟数据库打交道的，可以获取从数据库获取数据，也可以将数据上传给数据库，主要处理数据的CRUD，而使用数据的是Controller

V：View视图

应用程序中处理数据显示的部分

C：Controller控制器；业务逻辑层

应用程序中处理用户交互的部分，控制器负责从试图读取数据，控制用户输入，并向模型发送数据

一句话描述就是Controller负责将Model的数据用View显示出来，

换句话说就是在Controller里面把Model的数据赋值给View，

比如在controller中写document.getElementById("box").innerHTML = data[”title”]，只是还没有刻意建一个Model类出来而已。

       M和V之间的关系：它们应该是一种同步的关系，也就是，不管任何时刻，只要M的值发生改变，V的显示就应该发生改变（显示最新的M的内容）。所以我们可以关注M的值改变，而不用关心M的网络请求是否结束了。实际上C根本不知道M从哪去拿的数据，C的责任是负责把M最新的数据赋值给V。所以C应该关注的事件是：M的值是否发生了变化。

MVVM：前端视图层，相当于MVC里面的V层

将每个页面分成M   V   VM，

M：保存每个页面的单独数据；

V：页面中的html结构

VM：是一个调度者，调度M，将数据渲染到V中，将修改后的V保存到M中

在前端开发中，MVVM提供双向绑定，方便开发。