三分鐘讓你瞭解MVC和MVVM模式

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元素操作,使得頁面渲染性能降低,加載速度變慢,影響用戶體驗。

 

--------------如果大家喜歡我的博客,可以點擊左上角的關注哦。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章