MVC和MVVM模式的概念與差別

1.MVC程式設計模式

MVC的概念： MVC是Model-View- Controller的簡寫 。即模型-視圖-控制器。

運作流程： Model 和 View 是完全分離的，由 Controller 作為中間人來負責二者的互動 。

幾乎所有的App都隻幹這麼一件事：将資料展示給使用者看，并處理使用者對界面的操作。

MVC的思想：一句話描述就是Controller負責将Model的資料用View顯示出來，換句話說就是在Controller裡面把Model的資料指派給View，比如在controller中寫document.getElementById(“box”).innerHTML = data[”title”]，隻是還沒有刻意建一個Model類出來而已。

2.MVVM程式設計模式

MVVM的概念： MVVM是Model-View-ViewModel的簡寫 。 即模型-視圖-視圖模型。

特點： 在MVVM的架構下，視圖和模型是不能直接通信的，它們通過ViewModal來通信，ViewModel通常要實作一個observer觀察者，當資料發生變化，ViewModel能夠監聽到資料的這種變化，然後通知到對應的視圖做自動更新，而當使用者操作視圖，ViewModel也能監聽到視圖的變化，然後通知資料做改動，這實際上就實作了資料的雙向綁定。并且MVVM中的View 和 ViewModel可以互相通信。