# Vue學習#7 MVVM概念
###### tags: `Vue 直播班 - 2022 春季班` `Vue`

## <font color='red'>Vue不是MVVM架構組成的框架，但觀念上的確有受其影響，因此運行時有所借鑒</font>

## MVC (Model View controller) 與 MVVM (View viewModel Model) 概念
### MVC
MVC是一種前後端架構，分三個部分
1. View : 畫面顯示的地方
2. Model : 與資料庫連接，並取出所需要的資料
3. Controller : View 跟 Model 溝通的橋梁 ， 根據需求向 Model 索取資料再將資料顯示到 View 上

### MVVM
是MVC往後發展的一個新概念
1. View : 畫面顯示的部分，會做畫面渲染的行為，而其他兩個部分都不做渲染的動作
2. View Model : 畫面綁定的地方，撰寫程式碼時不會寫到這個部分，資料變動時，會控制視圖部分作出更動，可以說資料與畫面的更新，都需要透過資料繫結器來處理
3. Ｍodel : 資料處理的地方

當Model中的文字資料更改時，透過ViewModel，View當中顯示的文字也會變更；相對的，當View當中顯示的文字資料變動時，也會透過ViewModel，將變更後的文字資料傳到Model中作更動

## Vue初始化三個結構

### 參考: [Vue學習#5 vue環境建立&起手結構](https://hackmd.io/8THuZct7TkihQv6bjA6-yQ)

## 參考資料:
[JS讀書筆記30天 - Day28 MVVM概念](https://ithelp.ithome.com.tw/articles/10252978)
[MVVM 概念篇](https://medium.com/@mf99/mvvm-%E6%A6%82%E5%BF%B5%E7%AF%87-e379648fb6b8)