MVC 是Model-View-Controller的缩写. 主要目的是对代码解耦. 把混合在一起的代码拆分成 3 部分; 让html中不存在任何逻辑代码, 没有JavaScript代码痕迹.
#### Model: 数据模型层
早期前端: 弱化的Model. 不关注 Model 层, 数据都是从 服务器 请求下来, 直接使用即可.现在前端: 使用 WebStorage, 框架中的Vuex, Redux等管理数据在TypeScript语言中, 新增了数据类型声明特征, 才让 Model 在前端变得尤为重要.
#### View: 视图层
书写普通的html. 不掺杂任何 JS 代码.例如: Tedu 注意: 此按钮 没有 onclick 的事件写法.
#### Controller: 控制器层
控制 HTML 的具体行为, 具体为script代码范围, 例如 为id="tedu"的按钮添加事件的写法: