Vue 인스턴스에서의 this

const obj = {
	num : 10,
	getNumber : function() {
		console.log(this.num);
	}
}

//결과값 : 10

위의 obj관점에서의 this는 객체 자신을 가르킨다 위와 같은 방식으로 Vue 인스턴스의 this를 이해한다면

new Vue({
	el:'',
	data : {
		num : 10,
	},
	methods : {
		getNumber: function() {
			this.num
		}
	}
})

위처럼 Vue인스턴스안의 methods 속성 안에서 this는 data속성을 바라본다.

실제로 콘솔에 Vue인스턴스를 출력할 경우 num이라는 속성은 데이터 안에 선언되어있지만 아래의 이미지와 같이 num속성은 바깥레벨로 나와있다.