MVC、MVP和MVVM开发模式对比

灰太狼 2022-04-18 02:52 229阅读 0赞

## 1.MVC(Model View Controller) 模式 ##

mvc是比较直观的架构模式，即用户操作-->View(负责接收用户的输入操作)-->Controller(业务逻辑处理)-->Model(数据持久化)-->View(将结果反馈给View。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70][]

## 2.MVP(Model View Presenter)模式 ##

MVP是把MVC中的Controller换成Presenter(呈现)，目的是为了完全切断View跟Model之间的联系，由Presenter充当桥梁，做到View-Model之间通信的完全隔离。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 1][]

## 3.MVVM（Model View ViewModel）模式 ##

如果说MVP是对MVC的进一步改进，那么MVVM则是思想的完全变革。

MVVM将“数据模型数据双向绑定”的思想作为核心，因此在View和Model之间没有联系，而是通过ViewModel进行交互，而且Model和ViewModel之间的交互是双向的，因此视图数据的变化会同时修改数据源，而数据源数据的变化也会立即反应到View上。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70]: /images/20220418/07deb38f8ded44b1bc1b507d65c6e1a7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 1]: /images/20220418/4663765993e641f9b7efc71ff88aebe5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 2]: /images/20220418/941290c7feb349c88d51b06b1debd308.png

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关 flutter mvvm模式

刚入手flutter几天，写个仿微信的项目来加深flutter印象，本项目采用的mvvm模式，本文重点介绍mvvm。因为关于flutter 本身的安装，构建UI 等等，比比皆

心已赠人/ 2023年10月06日 10:59/ 0 赞/ 43 阅读

相关移动开发架构之MVVM模式

MVVM概念的提出和起源 > MVVM是Model-View-ViewModel的简写，最早是由微软公司提出并运用，是MVP（Model-View-Presenter）模

浅浅的花香味﹌/ 2023年10月03日 09:11/ 0 赞/ 7 阅读

相关 wpf mvvm框架对比

WPF(Windows Presentation Foundation)是微软推出的一种用于构建Windows桌面应用程序的用户界面框架。MVVM(Model-View-Vie

电玩女神/ 2023年09月29日 22:56/ 0 赞/ 20 阅读

相关理解前端MVVM的开发模式

1. 什么是MVVM模式？ 1. MVVM是Model-View-ViewModel的简写。简单的解释，mvvm是前端视图层分层开发的思想。 2.MVVM由那几部分组成？

港控/mmm°/ 2023年07月08日 14:25/ 0 赞/ 18 阅读

相关 MVVM架构模式

前言： MVVM是一种软件架构设计模式，是一种思想，他利用数据绑定，属性依赖，路由事件等特性实现高效灵活的架构 MVVM源于MVC模式，很多人都说MVVM是对

布满荆棘的人生/ 2023年06月25日 14:27/ 0 赞/ 29 阅读

相关 Vue（MVVM）、React(MVVM)、Angular(MVC)对比

前言昨天阿里内推电面一面，面试官了解到项目中用过Vue，就问为什么前端框架使用Vue而不适用其他的框架，当时就懵了。因为只用过Vue，不了解其他两个框架，今天就赶紧去了

向右看齐/ 2023年06月12日 08:56/ 0 赞/ 4 阅读

相关 iOS开发中 MVVM 设计模式的探究

前言一直在做一线的业务开发工作，每天接触业务线，时间久了就开始思考如何能优化架构、提高维护效率，于是就接触了`MVVM`。 MVVM的出现主要是为了解决在开发过程中C

古城微笑少年丶/ 2022年10月01日 05:47/ 0 赞/ 193 阅读

相关 MVC和MVVM模式的区别

敬请关注公众：包含全套 Vue 最新面试题 js最近面试题等大量前端知识技术。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shado

谁践踏了优雅/ 2022年05月23日 13:29/ 0 赞/ 235 阅读

相关 MVC、MVP和MVVM开发模式对比

1.MVC(Model View Controller) 模式 mvc是比较直观的架构模式，即用户操作-->View(负责接收用户的输入操作)-->Controller(

灰太狼/ 2022年04月18日 02:52/ 0 赞/ 230 阅读

相关 1、谈谈对MVVM开发模式的理解

MVVM分别是：Model View ViewModal 该开发模式主要体现在vue.js中 M层：模型 V层：视图 VM层：VM是MVVM思想的核心，因为VM

╰+攻爆jí腚メ/ 2021年09月30日 00:10/ 0 赞/ 385 阅读