Vue中MVVM的概念

MVVM的概念

• MVVM，一種軟件架構模式，決定了寫代碼的方式。

  • M：model數據模型(ajax獲取到的數據)
  • V：view視圖（頁面）
  • VM：ViewModel 視圖模型

• MVVM通過數據雙向綁定讓數據自動地雙向同步 不在需要操作DOM

  • V（修改視圖） -> M（數據自動同步）
  • M（修改數據） -> V（視圖自動同步）

Vue中的MVVM

雖然沒有完全遵循 MVVM 模型，Vue 的設計無疑受到了它的啓發。因此在文檔中經常會使用 vm (ViewModel 的簡稱) 這個變量名錶示 Vue 實例

注意：

1. 在vue中，不推薦直接手動操作DOM！！！

2. 在vue中，通過數據驅動視圖，不要在想着怎麼操作DOM，而是想着如何操作數據！！