Vue 12일차 - ES6 Enhanced Object Literals(속성 향상된 객체 리터럴)

ES6에서는 객체의 속성을 메서드로 사용할 때 function 키워드를 삭제할 수 있다.

ES5 객체 속성 메서드 사용

ES6 객체 속성 메서드 사용

 

또한, 객체의 속성명과 값의 명이 동일할 때 축약 가능하다.

 

컴포넌트 설정

위와 같이 컴포넌트 설정을 위해 이름 설정이 되어 있을 때 왼쪽과 오른쪽의 이름이 동일한 경우 하나로 축약해서 사용해도 문제가 없다.

하나로 축약