5 回答

TA貢獻(xiàn)1839條經(jīng)驗(yàn) 獲得超15個(gè)贊
我也試著解釋一下。
Model:很簡單,就是業(yè)務(wù)邏輯相關(guān)的數(shù)據(jù)對象,通常從數(shù)據(jù)庫映射而來,我們可以說是與數(shù)據(jù)庫對應(yīng)的model。
View:也很簡單,就是展現(xiàn)出來的用戶界面。
基本上,絕大多數(shù)軟件所做的工作無非就是從數(shù)據(jù)存儲中讀出數(shù)據(jù),展現(xiàn)到用戶界面上,然后從用戶界面接收輸入,寫入到數(shù)據(jù)存儲里面去。所以,對于數(shù)據(jù)存儲(model)和界面(view)這兩層,大家基本沒什么異議。但是,如何把model展現(xiàn)到view上,以及如何把數(shù)據(jù)從view寫入到model里,不同的人有不同的意見。
MVC派的看法是,界面上的每個(gè)變化都是一個(gè)事件,我只需要針對每個(gè)事件寫一堆代碼,來把用戶的輸入轉(zhuǎn)換成model里的對象就行了,這堆代碼可以叫controller。
而MVVM派的看法是,我給view里面的各種控件也定義一個(gè)對應(yīng)的數(shù)據(jù)對象,這樣,只要修改這個(gè)數(shù)據(jù)對象,view里面顯示的內(nèi)容就自動(dòng)跟著刷新,而在view 里做了任何操作,這個(gè)數(shù)據(jù)對象也跟著自動(dòng)更新,這樣多美。所以:
ViewModel:就是與界面(view)對應(yīng)的Model。因?yàn)?,?shù)據(jù)庫結(jié)構(gòu)往往是不能直接跟界面控件一一對應(yīng)上的,所以,需要再定義一個(gè)數(shù)據(jù)對象專門對應(yīng)view上的控件。而ViewModel的職責(zé)就是把model對象封裝成可以顯示和接受輸入的界面數(shù)據(jù)對象。
至于viewmodel的數(shù)據(jù)隨著view自動(dòng)刷新,并且同步到model里去,這部分代碼可以寫成公用的框架,不用程序員自己操心了。

TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超11個(gè)贊
想好說清楚,最好就是使用用例來解釋MVVM是如何工作的,下圖以AngularJS為例。
如圖所示,App.html
是與app.js
中的ViewModel
綁定的View
。如果有人想要修改app.js
中的$scope.user
的name
屬性,那么它會(huì)自動(dòng)更新app.html
中對應(yīng)的name
屬性。反之也成立,如果有人想要修改app.html
中的name
屬性值,那么也會(huì)自動(dòng)更新$scope.user
對象。App.html
同時(shí)也可以對app.js
發(fā)出命令,如調(diào)用$scope.save
函數(shù)從而讓app.js
執(zhí)行一些邏輯操作,如保存$scope.user
至users.js
模型中并與后端同步,那么它就可以與整個(gè)應(yīng)用程序共享。
MVVM
模式對于RIA
應(yīng)用來說是非常必要的,因?yàn)?code>View被綁定至ViewModel
的,并且當(dāng)ViewModel
的狀態(tài)變化時(shí),View
會(huì)自動(dòng)更新,它有效的隔離了View
和它背后的業(yè)務(wù)邏輯。這也是為什么AngularJS需要雙向綁定的原因。

TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超10個(gè)贊
簡單來說,ViewModel的作用就是讓Model更加適合于View。它的作用和MVC中的Controller是類似的,但由于WPF使用的數(shù)據(jù)綁定,ViewModel把Model的數(shù)據(jù)根據(jù)View所需的格式進(jìn)一步轉(zhuǎn)化,使View可以直接綁定。
更簡單來說,Model取原料,ViewModel把原料加工成蛋糕,View把蛋糕包裝好擺在柜臺上。

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超9個(gè)贊
說到MVVM,就必須要提到data binding。
舉個(gè)例子:當(dāng)我的一個(gè)頁面,要呈現(xiàn)一組數(shù)據(jù)時(shí),可能我會(huì)有一個(gè)div當(dāng)成容器(WPF中是Grid或者其他的Panel),同時(shí)有一個(gè)Listview,還有一個(gè)控件來顯示當(dāng)一些提示信息。
這時(shí),Model層應(yīng)該提供數(shù)據(jù),也就是拿到所有的list中的元素的相關(guān)信息。
View負(fù)責(zé)顯示各個(gè)元素。由于有不同元素個(gè)數(shù)的時(shí)候,提示信息可能不一樣,listview的內(nèi)容也不一樣。這些內(nèi)容可以通過code behind(c#)活著javascript來根據(jù)model曾提供的數(shù)據(jù)來更改數(shù)據(jù)。
這種方法在view中的控件個(gè)數(shù)不多時(shí)有用。但是當(dāng)控件個(gè)數(shù)變多的時(shí)候,很容易有所遺漏。這是data binding就格外重要。比如visible等屬性可以binding到一些由viewmodel曾提供的字段上。這樣一旦數(shù)據(jù)更新,控件的相關(guān)屬性也會(huì)同步更新。
那么ViewModel層需要承擔(dān)的就是把model層提供的數(shù)據(jù)封裝成可以被binding的數(shù)據(jù)字段。
MVVM的好處就是開發(fā)簡單,弊端就是效率慢。
添加回答
舉報(bào)