一、开发架构

有MVC、MVP、MVVM、等

1.1 MVC架构介绍

是古老的架构，随着MVP与MVVM的流行渐渐退出历史舞台

架构图案如下:

开发架构文档 项目开发架构模型_MVC

MVC架构解析:

1.视图层（View）

2.控制层（Controller）,主要负责业务逻辑

3.模型层(Model),主要负责网络请求，数据库处理，I/O的操作，即页面的数据来源

1.2 MVP架构介绍

在MVC后为了解决其缺陷，于是MVP应运而生

架构图如下:

开发架构文档 项目开发架构模型_MVVM_02

架构解析:

1.View层:显示ui，界面。与model没有磨合

2.presenter层:主要负责处理业务逻辑，通过接口回调View层

3.Model层：主要负责网络请求，数据库处理等操作，这个没有什么变化

1.3 MVVM架构介绍

MVVM 模式将 Presenter 改名为 ViewModel，基本上与 MVP 模式完全一致。

开发架构文档 项目开发架构模型_MVC_03

MVVM架构采用了双向绑定。就是说，只要Model数据变了，会自动反应到UI上

个人理解

MVC:

Model:模型，一般是业务数据操作

View:视图，一般是页面

Controller:业务逻辑

MVVM：

Model:模型，数据和业务逻辑都在Model定义

View:视图，负责数据的展示

ViewModel:负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作

使用场景：MVVM主要解决了MVC中大量的DOM操作使页面渲染性能降低，加载变慢，影响用户体验。

场景：数据操作比较多的场合，需要大量操作DOM元素时，采用MVVM的开发方式，会更加便捷，更多精力放在数据的的变化上。

链接推荐

链接：百度词典：MVVM、Vue、百度词典:MVC、菜鸟教程：MVC