MVVM模式

檢視層和資料層的雙向繫結，讓我們無需再去關心DOM操作的事情，更多的精力放在資料和業務邏輯上去

• MVVM是Model-View-ViewModel的縮寫。MVVM是一種設計思想。

  • Model 層代表資料模型，也可以在Model中定義資料修改和操作的業務邏輯；
  • View 代表UI 元件，它負責將資料模型轉化成UI 展現出來，
  • ViewModel 是一個同步View 和 Model的物件。

• 在MVVM架構下，View 和 Model 之間並沒有直接的聯絡，而是通過ViewModel進行互動，Model 和 ViewModel 之間的互動是雙向的，因此View 資料的變化會同步到Model中，而Model 資料的變化也會立即反應到View 上。

• ViewModel 通過雙向資料繫結把 View 層和 Model 層連線了起來，而View 和 Model 之間的同步工作完全是自動的，無需人為干涉，因此開發者只需關注業務邏輯，不需要手動操作DOM, 不需要關注資料狀態的同步問題，複雜的資料狀態維護完全由 MVVM 來統一管理。

Vue.js優點 - 面向資料程式設計

• 低耦合。 檢視（View）可以獨立於Model變化和修改，一個ViewModel可以繫結到不同的"View"上，當View變化的時候Model可以不變，當Model變化的時候View也可以不變。
• 可重用性。 你可以把一些檢視邏輯放在一個ViewModel裡面，讓很多view重用這段檢視邏輯。
• 獨立開發。 開發人員可以專注於業務邏輯和資料的開發（ViewModel），設計人員可以專注於頁面設計。
• 可測試。 介面素來是比較難於測試的，而現在測試可以針對ViewModel來寫易用靈活高效