淺談前端MVC與MVVC模式

庫奇發表於2019-03-07

最早接觸MVC模式的時候還是學習JAVA框架時候瞭解的,當時M表示modal層,負責資料塊,V表示View層,負責頁面渲染,C表示Contrllor,負責控制前後互動。

java-mvc

這個是JAVA的MVC模式!

那麼前端的MVC又表示的是什麼呢?

在前端的MVC模式中,M還是表示Modal層,負責與後臺互動資料,V表示View,負責頁面上DOM的渲染,C表示繫結在DOM元素上的事件,當Controllor中的事件被呼叫,會去呼叫Modal中的資料,然後交給View重新渲染資料

現在的前端MVVM模式又是什麼一個模式呢?

目前前端框架中,最為出色的要屬Vue和React了,這倆個框架的核心理念都是資料驅動頁面渲染,同時他們都是MVVM模式的框架,MVVM模式中的M還是固定表示Modal,V還是表死View,這倆個基本都是不會發生變化,一個頁面必然需要資料和渲染倆個部分,那麼變化的是如何將Modal渲染到View的過程變了,在MVVM模式中,將View和Modal繫結在一起,只要Modal發生了變化,View就會自動更新,不需要我們認為的再去寫如何操作DOM更新的過程了

相關文章