1. 程式人生 > >如何理解前端框架中的MVVM,MVC,MVW?他們的區別和適用場景分別是什麼?

如何理解前端框架中的MVVM,MVC,MVW?他們的區別和適用場景分別是什麼?

M model 模型
V view 檢視
VM view model 檢視的模型
P presenter 展示器
C controller 控制器
W whatever 隨意
理解 MVVM 就好了。 其他的不重要。 VM屬於模型與檢視的連線者,並且由此分離。 每個部分負責不同的內容,給長期開發打好基礎。
View 檢視 通俗易懂。就是前端的 HTML, CSS 和 與 HTML CSS 有關的JS程式碼。 寫一個Form 表格,由 HTML 架起,CSS 做美化,JS來進行動畫控制。
Model 模型。簡單說是起到連線伺服器,和商業邏輯的形成。 這裡面很多需要非同步處理,並且有需求獨立更新。因此,必須和檢視分離
而連線上面這兩者的就是 View Modal 試圖模型。 這裡只做連線,並不起到控制。保證獨立性。在多個 View 和多個 Modal 之前做到很好的橋樑的作用。
P 起到的作用更多是展示, 部分控制,換句話說 Angular 裡面那麼多 ng-show 後面的程式碼都可以理解為 P
C 起到的主體控制。比如讀取 M 的資料,然後插入一個模組到 V 視圖裡。 如果用 Angular 來解讀, Controller 就是 C。 結果就是強行將 V 與 M 繫結導致後期開發履步維艱。
W 則不分的那麼具體。更為靈活。 由於我們本身使用大量框架和庫,強制分離某些功能導致開發過程極其緩慢。 選擇一個適合團隊的模式進行開發才是正道,突破侷限。
作者:robert wang
連結:

https://www.zhihu.com/question/54588987/answer/140212106
來源:知乎