关键词：model view controler 视觉化 控制器 业务模型 区域化分块

前言：

MVC设计模式是一种常用的设计模式，M对应Model模型数据，V对应View视图层，C对应Contriller代表控制器来操纵渲染页面。

mvc.png

View

简单的来说就是用户可以在浏览器看见的DOM，比如：一个提交按钮。所以我们就把这个按钮叫做view层。

Controller

是一个控制器，他负责操作这个DOM，当用户点击这个按钮，就发生了一次交互，来监听和更新 View数据。

Model

作为业务数据，主要功能是服务器抓取数据和前端保存数据，之后给到Controller去渲染前端页面。

小结：

MVC的实质是划分代码区域，使我们的逻辑更加直观。