第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

MVVM模式下ViewModel是做什么用的?

MVVM模式下ViewModel是做什么用的?

四季花海 2019-03-22 18:15:43
最近在看前端js的MV* 模式,有些理解障礙MVVM模式下,ViewModel和View,Model有什么區(qū)別,概念太抽象了,不知道具體是做什么的,為什么中間要加這么一層?
查看完整描述

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里去,這部分代碼可以寫成公用的框架,不用程序員自己操心了。


查看完整回答
1 反對 回復(fù) 2019-04-13
?
Qyouu

TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超11個(gè)贊

想好說清楚,最好就是使用用例來解釋MVVM是如何工作的,下圖以AngularJS為例。

如圖所示,App.html是與app.js中的ViewModel綁定的View。如果有人想要修改app.js中的$scope.username屬性,那么它會(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.userusers.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需要雙向綁定的原因。

https://img1.sycdn.imooc.com//5cb180bf0001eb0e08000588.jpg

查看完整回答
反對 回復(fù) 2019-04-13
?
至尊寶的傳說

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把蛋糕包裝好擺在柜臺上。


查看完整回答
反對 回復(fù) 2019-04-13
?
素胚勾勒不出你

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ā)簡單,弊端就是效率慢。


查看完整回答
反對 回復(fù) 2019-04-13
  • 5 回答
  • 0 關(guān)注
  • 2926 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號