MVC和MVVM模式的区别

谁践踏了优雅 2022-05-23 13:29 221阅读 0赞

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3htMTAzNzc4Mjg0Mw_size_16_color_FFFFFF_t_70][]

# **1，MVC （Model-View-Controller）** #

M - Model ：数据保存

V - View : 用户界面

C - Controller ： 业务逻辑

MVC ，用户操作> View (负责接受用户的输入操作)>Controller（业务逻辑处理）>Model（数据持久化）>View（将结果通过View反馈给用户）

MVC是最经典的开发模式之一，最早是后台那边来的，后台前端的复杂度也上来了，MVC的开发模式也带进前端了

众所周知，MVC 是开发客户端最经典的设计模式，[iOS 开发也不例外][iOS]，但是 MVC 有让人无法忽视的严重问题。

在通常的开发中，除了简单的 Model、View 以外的所有部分都被放在了 Controller 里面。Controller 负责显示界面、响应用户的操作、网络请求以及与 Model 交互。这就导致了 Controller：

*  逻辑复杂，难以维护。
 *  和 View 紧耦合，无法测试。

## mvc图  用户操作view视图  发生的变化： ##

![20180610090729972][]

MVC有两个很明显的问题：

1.m层和v层直接打交道，导致这两层耦合度高

2.因为所有逻辑都写在c层，导致c层特别臃肿

为了解决这两个问题，MVC的变种模式出现了MVVM.

# **2，MVVM** #

M -Model

V -

VM -

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

![20180610091312850][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3htMTAzNzc4Mjg0Mw_size_16_color_FFFFFF_t_70]: /images/20220523/a389d3b08a40466e97108da84678323d.png
[iOS]: http://nixwang.com/2014/08/10/mvc-on-ios/
[20180610090729972]: /images/20220523/1c40c03b181a4f40ac484b1601d437f6.png
[20180610091312850]: /images/20220523/c6454ce635794cd499d6ab11e423118d.png