# MVVM模式

  • MVVM分为Model、View、ViewModel三者。
  • Model:代表数据模型,数据和业务逻辑都在Model层中定义;
  • View: 代表UI视图,负责数据的展示;
  • ViewModel: ViewModel层通过观察数据层的变化,并对视图对应的内容进行实时更新。ViewModel层通过监听视图层的变化,并能够通知数据发生相应变化。

:Model 和 View 并无直接关联,而是通过 ViewModel 来进行联系的,Model 和 ViewModel 之间有着双向数据绑定的联系。因此当 Model 中的数据改变时会触发 View 层的刷新,View 中由于用户交互操作而改变的数据也会在 Model 中同步。 这种模式实现了 Model 和 View 的数据自动同步,因此开发者只需要专注对数据的维护操作即可,而不需要自己操作 dom。

为什么使用MVVM:低耦合,可复用,独立开发,可测试

e4afe9e73ecc407ca725424454a9323a