MVVM 与 MVC

什么是MVVM框架？

MVVM是Model-View-ViewModel的简写，在MVVM的架构下，视图和数据是不能直接进行通讯的，它通常会通过ViewModel来做通讯，ViewModel通常要实现一个观察者，当数据改变时ViewModel可以观察到数据的变化，然后对你的视图做自动更新。而当用户操作视图，ViewModel也能监听到视图的变化，然后通知数据做改动，这实际上就实现了数据的双向绑定。

MVVM框架的应用场景

是针对具有复杂逻辑交互的前端应用；
提供了基础的架构抽象；
通过Ajax数据持久化，保证前端用户体验；

MVVM的好处

当前端和数据进行操作时，可以通过Ajax请求对后端做数据持久化，不需要刷新整个页面，只需要改动DOM中需要改动的数据的内容，刷新页面的代价太昂贵，会重新加载很多资源，虽然有些资源会被缓存，但是页面的DOM，css，js都会被浏览器重新解析。

MVC

MVC是一个架构模式，它分离了表现与交互。它被分为三个核心部件：模型、视图、控制器。下面是每一个部件的分工：

• 视图是用户看到并与之交互的界面。
• 模型表示业务数据，并提供数据给视图。
• 控制器接受用户的输入并调用模型和视图去完成用户的需求。

MVC的完整流程

下面是MVC（模型、视图、控制器）架构的控制流程：

1. 所有的终端用户请求被发送到控制器。
2. 控制器依赖请求去选择加载哪个模型，并把模型附加到对应的视图。
3. 附加了模型数据的最终视图做为响应发送给终端用户。

使用MVC的好处

分离了关注点。后台代码被移到单独的类文件，我们可以最大限度的重复利用代码。自动化UI测试成为可能，因为后台代码移到了.NET类。这让我们更容易做单元测试和自动化测试。