2 回答

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

TA貢獻1856條經驗 獲得超17個贊
在MVC里,View是可以直接訪問Model的!從而,View里會包含Model信息,不可避免的還要包括一些業務邏輯。 MVC模型關注的是Model的不變,所以,在MVC模型里,Model不依賴于View,但是 View是依賴于Model的。不僅如此,因為有一些業務邏輯在View里實現了,導致要更改View也是比較困難的,至少那些業務邏輯是無法重用的。
MVVM在概念上是真正將頁面與數據邏輯分離的模式,它把數據綁定工作放到一個JS里去實現,而這個JS文件的主要功能是完成數據的綁定,即把model綁定到UI的元素上。
有人做過測試:使用Angular(MVVM)代替Backbone(MVC)來開發,代碼可以減少一半。
此外,MVVM另一個重要特性,雙向綁定。它更方便你同時維護頁面上都依賴于某個字段的N個區域,而不用手動更新它們。
- 2 回答
- 0 關注
- 722 瀏覽
添加回答
舉報