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