前端的開發模式從經典的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...