1.1.2　MVVM開發模式

Vue.js采用的是MVVM（Model-View-ViewModel）的開發模式，它本質上是MVC模式的改進版。在MVVM模式中，Model代表數據模型，可以在Model中定義操作數據的業務邏輯。View代表UI組件，它負責將數據模型轉化成UI并展現出來。ViewModel用于監聽數據的改變并處理用戶交互。在MVVM架構下，View和Model之間并沒有直接的聯系，而是通過ViewModel進行交互。ViewModel通過雙向數據綁定把View層和Model層連接起來，而View和Model之間可以自動實現同步，因此開發者只需關注業務邏輯，不需要手動操作DOM，也不需要關注數據狀態的同步問題，數據狀態的維護完全由MVVM來統一管理。

與傳統的MVC開發模式不同，MVVM將MVC中的Controller改成了ViewModel。在這種模式下，View的變化會自動更新到ViewModel中，而ViewModel的變化也會自動同步到View上并進行顯示。ViewModel模式的示意圖如圖1.2所示。

圖1.2　ViewModel模式的示意圖