前言

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

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

MVC概要

这是苹果开发者文档中摘过来的图片，表明了三者之间的关系，简单描述了三者作用

Model：数据模型，用来存储数据

View：视图界面，用来展示UI界面和响应用户交互

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设计模式

ps：文末附上汇总文章链接《一名【合格】前端工程师的自检清单【自检ing】》