인스턴스와 컴포넌트 / MVVM

Vue는 React에 비해 사용방법이 쉽다고 하여서 강의를 시작하였다.

기존의 Spring의 MVC 패턴과는 다르게 MVVM을 사용한다.

 

View로 보여지는 부분들이 ViewModel 덕분에 Model에서의 수정이 이루어지는 즉시 반영된다.

 

특히, 인스턴스와 컴포넌트에 대한 개념을 확인한다.

new Vue()라는... 일반적으로 우리가 아는 new를 이용한 인스턴스 생성이 있다.

 

 

컴포넌트는 프런트를 보다 쉽게 꾸미기 위해서 사용한다.

컴포넌트의 경우, 전역 컴포넌트와 지역 컴포넌트가 있다.

 

보통은 지역 컴포넌트로 사용을 한다. component는 단일 갯수를 나타낸다.

보통 여러 개를 정의하기 때문에 components를 사용하는 편이다.

 

var vm = new Vue() 처럼 인스터스를 변수에 담지 말고,,, new Vue()를 바로 사용하도록 한다.

 

전역 컴포넌트는 공통적인 플러그인이나 Root 기반의 컴포넌트를 작성할 때 사용하게 된다.

Vue.component()를 통해 사용한다.

 

여러 개의 Vue 인스턴스가 있을 수 있으며, el을 통해 어느부분의 html을 가리키는지 구분이 가능하다.