萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> MVVM模式中ViewModel和View、Model有什麼區別?

MVVM模式中ViewModel和View、Model有什麼區別?

   這篇文章主要介紹了MVVM模式中ViewModel和View、Model有什麼區別?本文分別解釋了它們的功能和作用,然後總結了它之間的區別,需要的朋友可以參考下

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

copyright © 萬盛學電腦網 all rights reserved