Vue 인스턴스 생성

인스턴스는 아래와 같이 생성 한다.

 

new Vue();

 

 

인스턴스의 속성들은 key:value 형태로 정의된다.

new Vue({ 
	el: , 
    template: , 
    data: , 
    methods: , 
    created: , 
    watch: , 
 });

• el : 인스턴스가 그려지는 화면의 시작점 (특정 HTML 태그)
• template : 화면에 표시할 요소 (HTML, CSS 등)
• data : 뷰의 반응성(Reactivity)이 반영된 데이터 속성
• methods : 화면의 동작과 이벤트 로직을 제어하는 메서드
• created : 뷰의 라이프 사이클과 관련된 속성
• watch : data에서 정의한 속성이 변화했을 때 추가 동작을 수행할 수 있게 정의하는 속성