MVVM定义
MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。
【模型】是后端传递的数据。
【视图】是指所看到的页面。
【视图模型】是mvvm的核心,它是链接view和model的桥梁。它有两个方向:
①:将【模型】转化成【视图】,即将传递的数据转化成所看到的页面。实现方式:数据绑定。
②:将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现方式:DOM事件监听
这两个方向都实现的话称之为数据双向绑定。
总结:在MVVM框架下视图和模型是不能直接通信的,需要通过ViewModel来通信,ViewModel通常要实现一个observer观察者,当数据发生变化,ViewModel能够监听到数据的这种变化,然后通知到对应的视图做自动更新,而当用户操作视图,ViewModel也能监听到视图的变化,然后通知数据做该动,这就实现了数据的双向绑定。并且MVVM中的View和ViewModel可以互相通信。
MVVM流程图如下: