Skip to content

理解 mvvm 模型

  1. M:模型(Model):对应 data 中的数据。
  2. V:视图(View):模板。
  3. VM:视图模型(ViewModel):Vue 实例对象。

MVVM模型

MVVM 简介

MVVM()是一种软件架构模式,是 MVC 的改进版。MVVM 将其中的 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。它由微软最先提出,通过利用 WPF(微软.NET 图形系统)和 Silverlight(WPF 的互联网应用派生品)的特性来简化用户界面的事件驱动程序设计。简单来说,MVVM 是 的简写,即模型-视图-视图模型。

MVVM 模式

MVVM模式

  • 模型】指的是后端传递的数据。
  • 视图】指的是所看到的页面,亦可以理解为将数据以某种方式呈现给用户。
  • 视图模型】mvvm 模式的核心,它是连接 view 和 model 的桥梁。

从依赖方向来看,大致有两个方向

  1. =>=>
  • 简析:将后端数据转化为前端页面。
  • 实现方式:数据绑定。
  1. =>=>
  • 简析:将前端页面转化为后端数据。
  • 实现方式:DOM 事件监听。