mvvm模式

MVVM模式的组成

View层:
View层是视图层，也就是用户界面。

Model层:
Model是指数据模型，也就是后端进行业务处理和数据处理

ViewModel层:
View与Model互相分开，通过ViewModel联系起来。ViewModel就是指Vue，它负责dom监听与数据绑定。

通过上面这幅示意图，我们可以发现：
在MVVM框架下视图和模型是不能直接通信的，只能通过ViewModel进行交互，它能够监听到数据的变化，然后通知视图进行自动更新，而当用户操作视图时，ViewModel也能监听到视图的变化，然后通知数据做相应改动，这实际上就实现了数据的双向绑定。并且View和ViewModel可以进行通信。

例如：

可以发现，通过mvvm模式，减少了大量的dom操作代码。