DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> MVVM模式中ViewModel和View、Model有什麼區別?
MVVM模式中ViewModel和View、Model有什麼區別?
編輯:關於JavaScript     

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

簡單的說,ViewModel就是View與Model的連接器,View與Model通過ViewModel實現雙向綁定。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved