什么是mvvm设计模式

目前比较流行的几个框架，例如vue.js、react.js、avalon、angular.js等，给本身的定位都是属于mvvm类型框架，那么什么是mvvm框架呢？mvvm是什么意思呢？

聊到mvvm就要提一下java语言中的mvc模式，因此咱们想来看下什么是mvc。

一、MVC模式

mvc即model-view-controller（模型-视图-控制器）

做为前端出身的我，在了解java以前，后台语言给个人感受是下面这样的

确实后台不用框架的话好像也就是那么乱，后来看到一些MVC的框架算是对MVC模式有了新的认识

model：应用程序中处理数据逻辑的一部分，一般用来模型对象对数据库的存存取等操做

view：视图部分，一般指jsp、html等用来对用户展现的一部分

controller：控制层一般用来处理业务逻辑，负责从试图读取数据，并向模型发送数据

view操做会触发controller去改变model，而后model再去改变视图，这么以来，三个部分代码都分开来写，逻辑就会清晰不少；mvvm就是基于这种设计理念，来创新的提出mvvm这种开发理念来处理前端开发，能够说mvvm就是至关于前端的mvc，下面就来讲下mvvm。

二、mvvm模式

mvvm即Model-View-ViewModel，mvvm的设计原理是基于mvc的，因此说mvvm不算是一种创新，充其量是一种改造，这其中的ViewModel即是一个小小的创新；以下图所示：

以上图中可看出三者之间的关系；能够将ViewMode看做是Model和View的链接桥，View能够经过事件绑定Model，Model能够经过数据绑定View，经过ViewMode能够实现数据和视图的彻底分离。

三、小结

以上对mvvm作了简单的介绍，若有不当之处，还请批评指正。