1.MVC關注的是Model的不變,所以,在MVC模型裏,Model不依賴於View,但是 View是依賴於Model的。不僅如此,因爲有一些業務邏輯在View裏實現了,導致要更改View也是比較困難的,至少那些業務邏輯是無法重用的。
2.MVVM是一種更好的UI模式解決方案,MVVM通過數據雙向綁定讓數據自動地雙向同步。
MVC設計模式
View(視圖層) Model(模型) Controller(控制器)
- View 傳送指令到 Controller
- Model 將新的數據發送到 View,用戶得到反饋
- Controller 完成業務邏輯後,要求 Model 改變狀態
用戶與View進行交互,Controller進行業務邏輯處理,控制器從模型中請求數據,並反饋給視圖層,視圖將數據呈現給用戶。
MVVM設計模式
Model(模型) View(視圖) View Model(視圖模型)
- V HTML元素
- VM View-Model
- M 模型數據(json->{},[] )
MVVM與MVC最大的區別:MVVM實現了View和Model的自動同步,也就是當Model的屬性改值變時,我們不用再自己手動操作Dom元素,來改變View的顯示,而是改變屬性後該屬性對應View層顯示會自動改變。
MVVM代表框架:Angularjs、React、Vue。
MVVM主要解決了MVC中大量 DOM元素操作,使得頁面渲染性能降低,加載速度變慢,影響用戶體驗。
--------------如果大家喜歡我的博客,可以點擊左上角的關注哦。