MVVM模式和MVC模式的區(qū)別

1、MVVM模式是由MVC模式衍生出來的；

2、MVVM模式是雙向綁定數(shù)據(jù)，而MVC模式是單向通信；

3、MVVM模式一般用于前端開發(fā)的較多，MVC模式在服務(wù)端用的較多。

MVC

MVC模式最初生根于服務(wù)器端的Web開發(fā)，后來漸漸能夠勝任客戶端Web開發(fā)，能夠滿足其復(fù)雜性和豐富性。

MVC是Model-View-Controller的縮寫，它將應(yīng)用程序劃分為三個(gè)部分：

• Model: 模型（用于封裝與應(yīng)用程序的業(yè)務(wù)邏輯相關(guān)的數(shù)據(jù)以及對數(shù)據(jù)的處理方法）

• View: 視圖（渲染頁面）

• Controller: 控制器（M和V之間的連接器，用于控制應(yīng)用程序的流程，及頁面的業(yè)務(wù)邏輯）

MVC特點(diǎn)：

MVC模式的特點(diǎn)在于實(shí)現(xiàn)關(guān)注點(diǎn)分離，即應(yīng)用程序中的數(shù)據(jù)模型與業(yè)務(wù)和展示邏輯解耦。在客戶端web開發(fā)中，就是將模型(M-數(shù)據(jù)、操作數(shù)據(jù))、視圖(V-顯示數(shù)據(jù)的HTML元素)之間實(shí)現(xiàn)代碼分離，松散耦合，使之成為一個(gè)更容易開發(fā)、維護(hù)和測試的客戶端應(yīng)用程序。

1、View 傳送指令到 Controller ；

2、Controller 完成業(yè)務(wù)邏輯后，要求 Model 改變狀態(tài) ；

3、Model 將新的數(shù)據(jù)發(fā)送到 View，用戶得到反饋。

MVC優(yōu)點(diǎn)：

• 耦合性低，視圖層和業(yè)務(wù)層分離，這樣就允許更改視圖層代碼而不用重新編譯模型和控制器代碼。

• 重用性高

• 生命周期成本低

• MVC使開發(fā)和維護(hù)用戶接口的技術(shù)含量降低

• 可維護(hù)性高，分離視圖層和業(yè)務(wù)邏輯層也使得WEB應(yīng)用更易于維護(hù)和修改

• 部署快

MVC缺點(diǎn)：

• 不適合小型，中等規(guī)模的應(yīng)用程序，花費(fèi)大量時(shí)間將MVC應(yīng)用到規(guī)模并不是很大的應(yīng)用程序通常會得不償失。

• 視圖與控制器間過于緊密連接，視圖與控制器是相互分離，但卻是聯(lián)系緊密的部件，視圖沒有控制器的存在，其應(yīng)用是很有限的，反之亦然，這樣就妨礙了他們的獨(dú)立重用。

• 視圖對模型數(shù)據(jù)的低效率訪問，依據(jù)模型操作接口的不同，視圖可能需要多次調(diào)用才能獲得足夠的顯示數(shù)據(jù)。對未變化數(shù)據(jù)的不必要的頻繁訪問，也將損害操作性能。

MVC應(yīng)用：

在web app 流行之初， MVC 就應(yīng)用在了java（struts2）和C#（ASP.NET）服務(wù)端應(yīng)用中，后來在客戶端應(yīng)用程序中，基于MVC模式，AngularJS應(yīng)運(yùn)而生。

MVVM

MVVM是Model-View-ViewModel的簡寫。微軟的WPF(Windows Presentation Foundation–微軟推出的基于Windows 的用戶界面框架)帶來了新的技術(shù)體驗(yàn), 使得軟件UI層更加細(xì)節(jié)化、可定制化。與此同時(shí)，在技術(shù)層面，WPF也帶來了 諸如Binding（綁定）、Dependency Property（依賴屬性）、Routed Events（路由事件）、Command（命令）、DataTemplate（數(shù)據(jù)模板）、ControlTemplate（控制模板）等新特性。MVVM模式其實(shí)是MV模式與WPF結(jié)合的應(yīng)用方式時(shí)發(fā)展演變過來的一種新型架構(gòu)模式。它立足于原有MVP框架并且把WPF的新特性糅合進(jìn)去，以應(yīng)對客戶日益復(fù)雜的需求變化。

MVVM優(yōu)點(diǎn)：

MVVM模式和MVC模式類似，主要目的是分離視圖（View）和模型（Model），有幾大優(yōu)點(diǎn)：

• 低耦合，視圖（View）可以獨(dú)立于Model變化和修改，一個(gè)ViewModel可以綁定到不同的”View”上，當(dāng)View變化的時(shí)候Model可以不變，當(dāng)Model變化的時(shí)候View也可以不變。

• 可重用性，可以把一些視圖邏輯放在一個(gè)ViewModel里面，讓很多view重用這段視圖邏輯。

• 獨(dú)立開發(fā)，開發(fā)人員可以專注于業(yè)務(wù)邏輯和數(shù)據(jù)的開發(fā)（ViewModel），設(shè)計(jì)人員可以專注于頁面設(shè)計(jì)，使用Expression Blend可以很容易設(shè)計(jì)界面并生成xml代碼。

• 可測試，界面向來是比較難于測試的，而現(xiàn)在測試可以針對ViewModel來寫。

推薦教程：《PHP教程》