MVC和MVVM的區別

如今是市面上使用MVVM模型愈來愈多，相關的前端框架的選擇也相應增多。

那麼什麼是MVVM模型，它和傳統MVC模型有什麼區別，接下來咱們來總結探討一下。

       MVVM即Model-View-ViewModel的簡寫。即模型-視圖-視圖模型。模型（Model）指的是後端傳遞的數據。視圖(View)指的是所看到的頁面。視圖模型(ViewModel)是mvvm模式的核心，它是鏈接view和model的橋樑。它有兩個方向：一是將模型（Model）轉化成視圖(View)，即將後端傳遞的數據轉化成所看到的頁面。實現的方式是：數據綁定。二是將視圖(View)轉化成模型(Model)，即將所看到的頁面轉化成後端的數據。實現的方式是：DOM 事件監聽。這兩個方向都實現的，咱們稱之爲數據的雙向綁定。

      MVC是Model-View- Controller的簡寫。即模型-視圖-控制器。M和V指的意思和MVVM中的M和V意思同樣。C即Controller指的是頁面業務邏輯。使用MVC的目的就是將M和V的代碼分離。MVC是單向通訊。也就是View跟Model，必須經過Controller來承上啓下。MVC和MVVM的區別並非VM徹底取代了C，只是在MVC的基礎上增長了一層VM，只不過是弱化了C的概念，ViewModel存在目的在於抽離Controller中展現的業務邏輯，而不是替代Controller，其它視圖操做業務等仍是應該放在Controller中實現。也就是說MVVM實現的是業務邏輯組件的重用，使開發更高效，結構更清晰，增長代碼的複用性。

     VUE官方，也介紹了MVVM模型相關框架（如Vue 、 React、AngularJS、Knockout、Polymer等）的對比優缺點，能夠參考，https://cn.vuejs.org/v2/guide/comparison.html