3.3.3 데이터 정의하기

<script> 태그 영역에 로직을 작성할 때 가장 기본이 되는 개념은 데이터입니다. 여기서 말하는 데이터(data)는 컴포넌트 전반에 걸쳐서 사용할 값입니다. 자바스크립트에서는 데이터를 선언할 때 var, let, const 키워드 중 하나를 선택하지만, 뷰에서는 다음처럼 data 옵션 속성을 사용합니다.

src/App.vue

<script> 
export default {

  data: function () {
    return {};
  },

}
</script> 

이 코드는 ES6의 단축 메서드 이름(short method name)을 사용해 다음과 같이 간단하게 작성할 수 있습니다.