MVC MVT MVVM

• MVC设计模式核心：

  解耦，让不同的代码块之间降低耦合，增强代码的可扩展和可移植性，实现向后兼容。

  
  mvc.png
  

  MVC各部分的功能

  M全拼为Model，主要封装对数据库层的访问，对数据库中的数据进行增、删、改、查操作。

  V全拼为View，用于封装结果，生成页面展示的html内容。

  C全拼为Controller，用于接收请求，处理业务逻辑，与Model和View交互，返回结果。

• MVT： mvt.png
  

  MVT各部分的功能

  M全拼为Model，与MVC中的M功能相同，负责和数据库交互，进行数据处理。

  V全拼为View，与MVC中的C功能相同，接收请求，进行业务处理，返回应答。

  T全拼为Template，与MVC中的V功能相同，负责封装构造要返回的html。

• MVVM :

  
  mvvm.jpg

Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。