梳理MVC 架构 MVVM架构

MVC  流程图

MVC 是 Model-View-Controller 的简写。MVC 主要有三层：

• Model 数据层，读写数据，保存 App 状态
• View 页面层，和用户交互，向用户显示页面，反馈用户行为
• ViewController 逻辑层，更新数据，或者页面，处理业务逻辑

MVC 可以帮助你很好的将数据，页面，逻辑的代码分离开来。使得每一层相对独立。这样你就能够将一些可复用的功能抽离出来，化繁为简。只不过，一旦 App 的交互变复杂，你就会发现 ViewController 将变得十分臃肿。大量代码被添加到控制器中，使得控制器负担过重。此时，你就需要想办法将控制器里面的代码进一步地分离出来，对 APP 进行重新分层。而 MVVM 就是一种进阶的分层方案。

MVVM 流程图

MVVM 和 MVC 十分相识。只不过他的分层更加详细：

• Model 数据层，读写数据，保存 App 状态
• View 页面层，提供用户输入行为，并且显示输出状态
• ViewModel 逻辑层，它将用户输入行为，转换成输出状态
• ViewController 主要负责数据绑定

没错，ViewModel 现在是逻辑层，而控制器只需要负责数据绑定。如此一来控制器的负担就减轻了许多。并且 ViewModel 与控制器以及页面相独立。tuan