前端開發模式--MV*

weixin_33766168發表於2019-02-25

前端的開發模式從經典的MVC框架,到完全獨立出來controller層的MVP,再到以vue、angular、react引領的的MVVM框架。

M指的是model(業務邏輯、介面資料層),V指的是view(使用者可視頁面層),C、P、VM指的是controller(使用者介面和後臺介面之間的控制層,主要作用是預處理使用者輸入,應用邏輯處理)

MVC模式
由施樂公司,於上個世紀70年代提出,資料處理邏輯如下:圖片描述

model層處理完資訊,直接與view層通訊。

優點:實現了前後端解耦、分離。
缺點:view層的分離不夠徹底,元件化困難。

MVP模式
由IBM子公司,於上世紀90年代提出,資料處理邏輯如下:
圖片描述

完全藉由P(presenter)中間層處理邏輯,但與view的通訊需要手動同步。

優點:實現了view層的分離,獨立,由中間層統一邏輯處理。
缺點:中間層與view層的通訊不夠自動、同步。

MVVM模式
由微軟公司,於2005年提出,資料處理邏輯如下:
圖片描述

實現了控制層與view的自動同步。
優點:實現了自動同步中間層與view的通訊。
缺點:不適用簡單專案,資料繫結在view模板中,不能debug除錯。

詳細內容請參考:https://segmentfault.com/a/11...

相關文章