关于MVVM模式的理解.

2021-05-21 21:31发布

MVVM 是Model -View- ViewModel的缩写。视图模型mvvm模式的核心,它是连接view和model的桥梁。model指的是从后端传递的数据,view指的是用户看到的页面。



中间的ViewModel就起到了桥梁的作用,视图和模型之间是不能直接通信的,需要通过ViewModel也就是vue框架来实现通信,其中ViewModel通常实现observer观

察者,当数据发生变化,ViewModel能够监听Model数据的变化,然后通知对应的View自动更新,当用户操作View时,ViewModel也能监听视图的变化,然后通知

对应的Model做好更改的准备,由此实现了数据的双向绑定,并且MVVM中的view和viewModel可以相互通信所以


它有两个方向:

一、将model转成view,也就是将后端传入的数据转换成用户所看到的页面,实现的方式是:数据的绑定

二、将view转成model,就是将页面数据转成后端的数据,实现的方式是:通过DOM事件监听。

这两个方向的实现,又被称为数据的双向绑定。