前后端分离—MVVM模式

阅读目录：
1.简而言之
2.组成部分
3.例子

1.简而言之

Model—View—ViewModel（MVVM）是一个软件架构设计模式，是一种简化用户界面的事件驱动编程方式。

MVVM 源自于经典的 Model–View–Controller（MVC）模式（期间还演化出了 Model-View-Presenter（MVP）模式，可忽略不计）。MVVM 的出现促进了 GUI 前端开发与后端业务逻辑的分离，极大地提高了前端开发效率。MVVM 的核心是 ViewModel 层，它就像是一个中转站（value converter），负责转换 Model 中的数据对象来让数据变得更容易管理和使用，该层向上与视图层进行双向数据绑定，向下与 Model 层通过接口请求进行数据交互，起呈上启下作用。如下图所示：

MVVM已经相当成熟了，主要运用但不仅仅在网络应用程序开发中。KnockoutJS是最早实现MVVM模式的前端框架之一，当下流行的MVVM框架有Vue，Angular等。

2.组成部分

简单画了一张图来说明MVVM的各个组成部分：

分层设计一直是软件架构的主流设计思想之一，MVVM也不例外。

#View层

View是视图层，也就是用户界面。前端主要由HTML和CSS来构建，为了更方便地展现ViewModel或者Model层的数据，已经产生了各种各样地前后端模板语言，比如FreeMarker、Marko、Pug、Jinja2等等，各大MVVM框架如Knockou