MVC框架

MVC全名是Model View Controller，是模型(model)－視圖(view)－控制器(controller)的縮寫，一種軟件設計典範，用一種業務邏輯、數據、界面顯示分離的方法組織代碼，將業務邏輯聚集到一個部件裏面，在改進和個性化定製界面及用戶交互的同時，不需要重新編寫業務邏輯。MVC被獨特的發展起來用於映射傳統的輸入、處理和輸出功能在一個邏輯的圖形化用戶界面的結構中。

MVC簡介

MVC開始是存在於桌面程序中的，M是指業務模型，V是指用戶界面，C則是控制器，使用MVC的目的是將M和V的實現代碼分離，從而使同一個程序可以使用不同的表現形式。比如一批統計數據可以分別用柱狀圖、餅圖來表示。C存在的目的則是確保M和V的同步，一旦M改變，V應該同步更新。

MVC編程模式

MVC 是一種使用 MVC（Model View Controller 模型-視圖-控制器）設計創建 Web 應用程序的模式：

• Model（模型）表示應用程序核心（比如數據庫記錄字段）。
• View（視圖）顯示數據（數據庫記錄）。
• Controller（控制器）處理輸入（寫入數據庫記錄）。

MVC 模式同時提供了對 HTML、CSS 和 JavaScript 的完全控制。
Model（模型） 是應用程序中用於處理應用程序數據邏輯的部分。
通常模型對象負責在數據庫中存取數據。
View（視圖） 是應用程序中處理數據顯示的部分。
通常視圖是依據模型數據創建的。
Controller（控制器） 是應用程序中處理用戶交互的部分。
通常控制器負責從視圖讀取數據，控制用戶輸入，並向模型發送數據。
MVC 分層有助於管理複雜的應用程序，因爲您可以在一個時間內專門關注一個方面。例如，您可以在不依賴業務邏輯的情況下專注於視圖設計。同時也讓應用程序的測試更加容易。
MVC 分層同時也簡化了分組開發。不同的開發人員可同時開發視圖、控制器邏輯和業務邏輯。

MVVM框架

首先MVC與MVVM的主要區別有倆點：
1.實現數據與視圖的分離。
2.通過數據來驅動視圖，開發者只需要關心數據變化，DOM操作被封裝了。

可以看到MVVM分別指View,model,View-Model,View通過View-Model的Dom Listeners將事件綁定到Model上，而Model上，而Model則通過Data Bindings來管理View中的數據，View-Model從中起到一個連接橋的作用。

MVVM定義：

M：Model（服務器上的業務邏輯操作） V：View（頁面） VM：ViewModel（Model與View之間核心樞紐，比如Vue.js）