前端開發模式--MV*

摘要： 前端的開發模式從經典的MVC框架，到完全獨立出來controller層的MVP，再到以vue、angular、react引領的的MVVM框架。 M指的是model（業務邏輯、介面資料層），V指的是view（使用者可視頁面層），C、P、VM指的是controller（使用者介面和後臺介面之間...

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