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
