MVVM
[Vue](https://texonom.com/vue-f1e411ee22464799b47cad2c83cee06f) 


### Model + View + View Model
### MVVM Notion
|Title|
|:-:|


> ![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fed64efd1-2be8-49a7-b0b6-2d24280b39d5%2FUntitled.png?table=block&id=7b7137f3-5ac7-408b-b423-fbaa793cdbd1&cache=v2)
> MVVM 패턴은 View와 Model 사이의 의존성이 없습니다.
> 

> 
> - 사용자의 Action들은 View를 통해 들어오게 됩니다.
> - View에 Action이 들어오면, Command 패턴으로 View Model에 Action을 전달합니다.
> - View Model은 Model에게 데이터를 요청합니다.
> - Model은 View Model에게 요청받은 데이터를 응답합니다.
> - View Model은 응답 받은 데이터를 가공하여 저장합니다.
> - View는 View Model과 Data Binding하여 화면을 나타냅니다.



MVVM 패턴은 [Command 패턴](https://ko.wikipedia.org/wiki/%EC%BB%A4%EB%A7%A8%EB%93%9C_%ED%8C%A8%ED%84%B4)과 [Data Binding](https://en.wikipedia.org/wiki/Data_binding) 두 가지 패턴을 사용하여 구현되었습니다.
Command 패턴과 Data Binding을 이용하여 View와 View Model 사이의 의존성을 없앴습니다.
View Model과 View는 1:n 관계입니다.





