What’s MVVM

[Ref]

What’s MVVM

MVVM當然也是縮寫，也就是Model-View-ViewModel，簡稱MVVM，他也算是一種設計樣式，目的是為了讓各自的相依性降低，這樣以後也比較好維護與測試，而MVVM的意思如下。

• Model是一個來自服務或資料庫數據的類別。
• View就是一個顯示的介面，預計是要將資料展現出來。
• ViewModel就如同膠水般，它把Model和View黏合起來。它將Model包裝起來，而且 ViewModel還會控制View的應用部分，例如在View那邊按下按鈕後，要處理的動作，實際上會放在ViewModel。

而它們之間的關係如下圖般，View也就是XAML，透過Data Binding技術與View Model繫結，但實際上ViewModel是不會知道哪個View繫結了它( ViewModel )；而ViewModel與Model的關係也是如此，Model永遠不知道他被哪個ViewModel所參考到，而ViewModel則會參考到Model；換言之，就是View會知道ViewModel，ViewModel會知道Model，這種單向的關係。

View與ViewModel

其實如上圖所說，其實View與ViewModel溝通是利用了Binding的技術；我們可以利用下圖更明確的理解，