[vue.js] Vue.js란 무엇이며 왜 사용할까?

[vue.js] 1. Vue.js는 어떻게 설치할까?

 

에 이어서 두 번째.

[개념] 

아키텍터 모델은 다음과 같다. 같은 의미의 이미지 두 개를 올렸다.

MVVM 방식이다.

MVVM 모델의 ViewModel을 Vue.js가 담당한다.

MVVM은 Model View ViewModel의 약자이다.

ViewModel은 View와 Model의 가운데 존재하는 중간정도라 할 수 있다.

 

프로세스는 다음과 같다.

1) View에 입력이 들어오게 오면 ViewModel에 요청한다.

2) ViewModel은 1) 처리를 위해 필요한 데이터를 Model에 요청한다.

3) Model은 ViewModel에 필요한 데이터를 응답(Response)한다.

4) ViewModel은 응답 받은 데이터를 처리해서 저장한다.

5) View로 보내지 않아도 ViewModel과의 Data Binding으로 인해 View는 자동으로 업데이트된다.

---

- 데이터 바인딩과, 화면 단위를 컴포넌트 형태로 제공... Vue.js는 철저하게 컴포넌트 기반의 개발을 유도한다.

- Angular에서 지원하는 양방향 데이터 바인딩(2 way data binding) 을 Vue.js 역시 제공한다.

※ 데이터 바인딩이란?

- Virtual DOM을 이용한 렌더링 방식이 리액트(React)와 거의 유사하다.