我們知道，在早期一個專案的開發是不區分前後端的，是一種高度耦合的混合式開發模式，這種開發模式必然導致了專案維護困難、不利於團隊開發的窘境。於是出現了MVC（模型-檢視-控制器）這種設計模式，用來將業務邏輯、資料、介面分離開來，各自維護，降低耦合度。
MVC模式的應用是從後端開始的，像以前都沒有什麼前端框架，所以也不存在前端MVC了，但隨著前端技術的發展，現在也出現了很多前端MVC框架。既然有了後端MVC為什麼又要有前端MVC呢？它們之間的差異是什麼樣的呢？
MVC是模型（Model）- 檢視（View）- 控制器（Controller）的英文縮寫，它並不是一種新的技術，而是一種軟體設計模式。它們的分工是這樣的：
M層：負責資料與模型處理；
V層：負責介面顯示；
C層：負責業務與基礎邏輯互動。
MVC本來就是基於後端提出的分層開發的概念，現在後端所有的框架都是支援MVC的（這是最基本的要求）。後端MVC中，M層主要負責資料庫處理、V層負責模板的渲染、C層負責路由請求處理。
一般而言，前端MVC基本上都是MVVM，指的是前端檢視層的分離，將前端檢視層分為了：Model、View、ViewModel。其中，ViewModel我們通常簡稱為VM，VM是V層和M層之間的排程者。
前端MVC最終是對DOM進行操作，它的M層和C層都是依懶JS的！
我們知道，在早期一個專案的開發是不區分前後端的，是一種高度耦合的混合式開發模式，這種開發模式必然導致了專案維護困難、不利於團隊開發的窘境。於是出現了MVC（模型-檢視-控制器）這種設計模式，用來將業務邏輯、資料、介面分離開來，各自維護，降低耦合度。
MVC模式的應用是從後端開始的，像以前都沒有什麼前端框架，所以也不存在前端MVC了，但隨著前端技術的發展，現在也出現了很多前端MVC框架。既然有了後端MVC為什麼又要有前端MVC呢？它們之間的差異是什麼樣的呢？
MVC模式簡介MVC是模型（Model）- 檢視（View）- 控制器（Controller）的英文縮寫，它並不是一種新的技術，而是一種軟體設計模式。它們的分工是這樣的：
M層：負責資料與模型處理；
V層：負責介面顯示；
C層：負責業務與基礎邏輯互動。
後端MVCMVC本來就是基於後端提出的分層開發的概念，現在後端所有的框架都是支援MVC的（這是最基本的要求）。後端MVC中，M層主要負責資料庫處理、V層負責模板的渲染、C層負責路由請求處理。
前端MVC一般而言，前端MVC基本上都是MVVM，指的是前端檢視層的分離，將前端檢視層分為了：Model、View、ViewModel。其中，ViewModel我們通常簡稱為VM，VM是V層和M層之間的排程者。
前後端MVC的區別前端MVC最終是對DOM進行操作，它的M層和C層都是依懶JS的！