02 MVVM

4/18/2025 vue2

# 架构模型

MVVM、MVC和MVP是常见的架构模型


# MVC模型

MVC 将应用分为三个部分:

  • Model(模型):负责数据管理
  • View(视图):负责用户界面
  • Controller(控制器):负责业务逻辑,连接模型和视图

在 MVC 中,控制器接收用户输入,操作模型数据,然后更新视图。视图和模型之间可能存在直接通信。

# MVP模型

MVP 是 MVC 的改进版:

  • Model(模型):负责数据管理
  • View(视图):负责用户界面
  • Presenter(展示器):作为视图和模型的中间人

在 MVP 中,视图和模型完全分离,所有交互都通过 Presenter 进行。视图只负责显示,不包含业务逻辑。

# MVVM模型

  • Model(模型):数据模型
  • View(视图):用户界面
  • ViewModel(视图模型):连接视图和模型的桥梁

MVVM 的核心特点是数据绑定机制,实现了视图和模型的自动同步。

# Vue中的MVVM

pasted_image1745291611881.png

Last Updated: 7/8/2025, 12:54:02 AM