首頁 > web前端 > js教程 > MVVM模式中ViewModel和View、Model有什麼差別? _javascript技巧

MVVM模式中ViewModel和View、Model有什麼差別? _javascript技巧

WBOY
發布: 2016-05-16 15:54:04
原創
1458 人瀏覽過

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實現雙向綁定。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板