大名鼎鼎的MVVM模型来了

一、什么是MVVM模型

MVVM即model-view-ModelView，首先我们分开来看model意思就是模板，负责数据的存储还有业务逻辑，第二层是view是视图层，主要工作是负责展示model中的数据，第三层view-model层是负责连接model层以及view层的中间人，具有双向绑定，自动更新视图的功能，在vue中就是vue实例。

这就是mvvm各层以及各层的主要工作

二、MVVM以及MVC

MVVM实现了前后端更好的分离作用，提升了效率

我们都知道mvvm是从mvc升级而来的，那么他们究竟有什么区别，升级的地方又体现在哪里哪？

首先，我们先来了解一下MVC，M--model--模板，V--view---视图，C--controller---控制器。

M：管理数据，V：视图，做展示工作，C：页面业务逻辑、响应用户操作，将model上的数据展示到view上，主要通过监听dom，来实现控制model层以及view层的联系。值得提的一点就是view-model并不是完全取代controller，而是抽取了其中的业务逻辑，在mvc出现的时代，前端比较落后大部分的业务逻辑都是由后台程序员完成的，所以前端也并没有完整的mvc，由于现在前端发展急速增长，由此演变出的MVVM模型。

那不免有人会问，既然MVC也可以实现，那为什么还要升级到MVVM哪？

1.低耦合，可重用性，model以及view实现分离状态

2.双向绑定，在mvc中只能是由原始数据控制产生数据，在mvvm模式中可以实现视图与数据双向的绑定

3.减少dom操作。解决了数据频繁更新的问题。

三、小结

其实现在MVVM在前端开发中真的是必不可少的，实现了前后端分离开发，使我们的效率变得更高了。