mvvm模式

MVVM模式的组成

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

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

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

mvvm模式

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

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