一.MVC是什么

1.MVC概念

MVC（Model View Controller），模型(model)－視圖(view)－控制器(controller)，軟件框架的一種。

（1）最上層view視圖：用于展示信息，動態的生成HTML，作為響應結果，直接呈現在用戶面前。

（2）底層model模型：數據層，包含資源，數據庫中的表等。

（3）中層controller控制器:包含應用的業務邏輯和操作數據的操作，屬于后端領域。

這三層是緊密聯系在一起的，但又是互相獨立的，每一層內部的變化不影響其他層。每一層都對外提供接口（Interface），供上面一層調用。這樣一來，軟件就可以實現模塊化，修改外觀或者變更數據都不用修改其他層，大大方便了維護和升級。

如果沒明白，參考大佬阮一峰的解說，更加直觀：http://www.ruanyifeng.com/blog/2007/11/mvc.html

2.MVC框架中的互動模式

有如下兩種

（1）用戶操作view,通常為dom事件

（2）用戶操作controler，通常為hashchange事件，即改變URL。

?在實際開發中，兩種操作方式可以混用，view與controler,view與model之間都可以雙向傳輸。

二.MVP是什么

MVP（Model-View-Presenter）是MVC模式的改良，把Controller改為了Presenter，同時改變了通信方式，由IBM的子公司Taligent提出。和MVC的相同之處在于：Presenter負責業務邏輯，Model管理數據，View負責顯示。

MVP中Presenter提供接口，讓Presenter去更新Model，再通過觀察者模式更新View。（如下圖）

與MVC相比，MVP模式通過解耦View和Model，完全分離視圖和模型使職責劃分更加清晰；由于View不依賴Model，可以將View抽離出來做成組件，它只需要提供一系列接口提供給上層操作。

?

二.MVVM是什么

MVVM 模式將 MVP中的Presenter 改名為 ViewModel，基本上與 MVP 模式完全一致。

唯一的區別是，它采用雙向綁定（data-binding）：View的變動，自動反映在 ViewModel，反之亦然。即MVP中Presenter負責的View和Model同步不再手動地進行操作，而是交給框架所提供的數據綁定功能進行負責，只需要告訴它View顯示的數據對應的是Model哪一部分即可。Angular?和?Ember等都采用這種模式。

如下圖：

?

參考文章：(1)阮一峰《MVC MVC MVVM的圖示》 http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html

　　　　　(2)廖柯宇 《淺析前端開發中的MVC MVP MVVM模式》http://liaokeyu.com/%E6%8A%80%E6%9C%AF/2017/06/01/js-architectural-patterns-overview.html

?

轉載于:https://www.cnblogs.com/bulaliu/p/8911584.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的MVC,MVP与MVVM的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。