mvvn模型的基本原理

MVVM是Model-View-ViewModel的簡寫。視圖模型mvvm模式的核心，它是連接view和model的橋樑。模型指的是後端傳遞的數據。視圖指的是所看到的頁面。

它有兩個方向：

一是將【模型】轉化成【視圖】，即將後端傳遞的數據轉化成所看到的頁面。實現的方式是：數據綁定。

二是將【視圖】轉化成【模型】，即將所看到的頁面轉化成後端的數據。實現的方式是：DOM 事件監聽。

這兩個方向都實現的，我們稱之爲數據的雙向綁定。

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

MVC和MVVM的區別並不是VM完全取代了C，ViewModel存在目的在於抽離Controller中展示的業務邏輯，而不是替代Controller，其它視圖操作業務等還是應該放在Controller中實現。也就是說MVVM實現的是業務邏輯組件的重用。

由於mvc出現的時間比較早，前端並不那麼成熟，很多業務邏輯也是在後端實現，所以前端並沒有真正意義上的MVC模式。而我們今天再次提起MVC，是因爲大前端的來到，出現了MVVM模式的框架，我們需要了解一下MVVM這種設計模式是如何一步步演變過來的。