Vue 中 MVVM、MVC 和 MVP 模式的区别

1)MVC 模式（Model-View-Conitroler）:

·Model: 数据层，负责与数据库或远程服务器交互，存取和操作数据。

·View: 视图层，负责用户界面的呈现。它不包含任何业务逻辑，仅显示从 Model 获得的数据。

·Controller: 控制器层，协调 Model 和 View，处理用户输入并更新 Model 和 View.

2)MVP 模式（Model-View-Presenter）:

·Model: 与 MVC 中相同，负责数据的管理、

·View: 与 MVC 中相同，负责显示内容。

·Presenter: 充当中介者，从 Model 获取数据并更新 View，而且能够处理复杂的逻辑、减轻 View 的负担

3)MVVM 模式（Model-View-ViewMode）

·Model: 与 MVC 和 MVP 中相同，负责数据的管理

·View: 与 MVC 和 MVP 中相同，负责显示内容。

·ViewModel: 负责将 Model 和 View 连接起来。通过数据绑定、View 自动更新以响应一切 Model 的变化，从而显著简化了代码量。

在 Vue 框架中，采用的是 MVVM 模式:

Model:数据状态(在 Vue 中通过 data 属性定义)。

View:模板(在 Vue 中通过 HTML、模板语法和 {f}} 插值)。

ViewModel: Vue 实例，它连接了 Model 和 View，通过双向数据绑定(Vue 的核心功能之一)使得 View 会自动更新以响应 Mode! 的变化。