VUE家族系列:
- Vue快速上門(1)-基礎知識
- Vue快速上門(2)-模板語法
- Vue快速上門(3)-元件與複用
01、基本概念
1.1、先了解下MVVM
VUE是基於MVVM思想實現的,❓那什麼是MVVM呢?—— MVVM,是Model-View-ViewModel的縮寫,是一種軟體架構模式。其核心思想就是分離檢視、資料、邏輯,VUE框架解決了資料Model
到檢視View
的雙向繫結,我們只關注業務邏輯ViewModel
即可,極大的提高的程式設計效率。
- M:Model,資料模型,通常來自後端服務、資料庫。
- V:View,檢視,就是HTML頁面,Dom。
- VM:ViewModel,檢視模型,連線模型和檢視,實現資料和檢視的相互繫結。包含了檢視狀態、行為,如頁面展示的內容(邏輯)、頁面響應事件、資料獲取更新等,都封裝在 ViewModel 中。
VUE實現雙向繫結的基本原理: