梗概

  • MVVM 模式是一种软件架构设计模式,它将应用程序分为三个部分:
  • Model(模型):代表应用程序的数据和业务逻辑。
  • View(视图):用户界面,负责数据的展示。
  • ViewModel(视图模型):连接 Model 和 View 的桥梁,双向同步View与Model

1. 适用范围:

现在主流的前端框架都采用MVVC模式, 如Vue

2. 图解:

  • 中间的一层就是ViewModel

3. 特点:

  1. 数据是视图都是响应式
    1. 即数据变化, 视图自动随之变化
      1. 通过预先准备好的代理服务
        1. 通过虚拟DOM技术与Diff算法
      2. 不同程序员自己编写方法去更新视图

4. 优点:

  1. 开发者可以不用过多关心数据与视图的相互更新, 从而更专注到实际业务中