什么是MVVM

• MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想，它是一种简化用户界面的事件驱动编程方式
• Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑，它负责管理数据的获取、处理和存储
• View代表UI组件，是视图层，它负责将数据模型转化成 UI 展现出来，View是一个同步View和Model的对象，负责展示数据和接收用户输入
• ViewModel是视图模型，View和Model之间并没有直接的联系，而是通过ViewModel进行交互
  • Model和ViewModel之间的交互是双向的，是桥梁
  • View数据的变化会同步到Model中
  • Model数据的变化也会立即反应到View上
• 对ViewModel通过双向数据绑定把View层和Model层连接了起来，负责业务处理和数据转换，而View和Model之间的 同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM，不需要关注数据状态的同步问题，复杂的数据状态维护完全由MVVM来统一管理
• 它的核心就是实现了DOM监听与数据绑定

MVVM的流程如下，ViewModel借助observer观察者，监控Model的数据变化，监听View的DOM节点