浅谈MVVM风格开发框架

什么是MVVM框架

MVVM框架是MVP（Model View Presenter）模式与WPY结合演变而来的一种新型的框架结构，它立足于原有的MVP框架并且融入了WPY的新特性，以应对客户日益复杂的需求变化

为什么会出现MVVM

简单来说，在MVVM风格开发框架没有出来之前，我们通常的会吧服务端代码放到浏览器当中，这样一来就产生了成千上万行的js代码，它们有连接了各种各样的css文件和html文件来展示视图，正是应为缺乏正规的组织形式，越来越多的开发者使用JavaScript框架，但是前端的项目越大，项目的可维护性和可扩展性就越低，为了解决这一问题，前端又出现了很多类库来解决项目的维护和扩展，但是这一类库没有统一标准的业务逻辑分层，综上原因，才有了我们现在的MVVM风格的开发框架。

MVVM设计模式

如图

MVVM是Model-View-ViewModel的缩写，Model是模型，是指后端传递的数据，View是视图，是指用户所看到的页面，ViewModel是连接Model和View的桥梁，也是MVVM的核心。所以我们重点说一下ViewModel。

ViewModel

它的工作是将后端传递来的数据转换成用户看到的页面，同时它也需要将用户所看到的页面转化成数据在传递给后端，也就是说是MVVM框架中，View层和Model层不直接交互，他们通过ViewModel来建立连接，ViewModel需要监Model的变化来改变View，同时也需要监听View的改变来通知Model改变数据，这就是双向绑定，ViewModel要实现一个observer观察者，来监听数据的变化，同时告知View层做出相应的改变。