vuejs 데이터 참조 관련 질문이 있습니다.

컴포넌트 강의 FormComponent 구현 2를 듣던 중

FormComponent.js 를 작성하고 있을 때,

문뜩 data()함수에서 return 하는 객체의 프로퍼티인 inputValue를

어떻게 methods 프로퍼티 안에 onSubmit()함수에서 this.inputValue로 참조를 할 수 있는지 의문이 생겼습니다.

console.log(this)로 하나씩 찍어보면서 확인해본 결과

<submit을 할 때마다 어떻게 나오는지 확인하기 위해서 FormComponent.js의 onSubmit함수에서 찍어보았습니다> 

<submit하였을 때 console.log(this)의 결과>

FormComponent 에서 this로 가르키면 VueComponent가 나온다는 것을 알았고 VueComponent에

_data 프로퍼티가 있는 것을 보았습니다. 그래서 this._data.inputValue가 this.inputValue와 같은지 확인해보기 위해서 찍어보았고 서로 같다는 것을 확인했습니다.

전 여기서 두가지가 궁금증이 생겼습니다. 제가 아직 자바스크립트에 대한 이해도가 낮습니다. 해서 아래 두가지의 궁금증에 대한 이론적인 부분을 어떻게 찾아보아야하는지 모르겠습니다. (아마 제가 모르는게 무엇인지 제가 모르는 것 같습니다)

1. 어떻게 data()메소드에서 반환하는 오브젝트가 곧 바로 VueComponent의 _data에 들어가는지...

2. 어떻게 this._data.inputValue로 참조해오지 않고 _data를 생략하고 this.inputValue로만 참조할 수 있는지