前端開發模式--MV*

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

M指的是model(業務邏輯、接口數據層),V指的是view(用戶可視頁面層),C、P、VM指的是controller(用戶界面和後臺接口之間的控制層,主要做用是預處理用戶輸入,應用邏輯處理)vue

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

model層處理完信息,直接與view層通訊。segmentfault

優勢:實現了先後端解耦、分離。
缺點:view層的分離不夠完全,組件化困難。後端

MVP模式
由IBM子公司,於上世紀90年代提出,數據處理邏輯以下:
圖片描述框架

徹底藉由P(presenter)中間層處理邏輯,但與view的通訊須要手動同步。組件化

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

MVVM模式
由微軟公司,於2005年提出,數據處理邏輯以下:
圖片描述debug

實現了控制層與view的自動同步。
優勢:實現了自動同步中間層與view的通訊。
缺點:不適用簡單項目,數據綁定在view模板中,不能debug調試。調試

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

相關文章
相關標籤/搜索