[JavaScript] 객체 축약 문법

🧸  속성과 값이 같으면 1개만 기입

객체를 정의할 때 속성과 값이 일치하면 축약 가능

const language = 'JavaScript';

const josh = {
	language
};

console.log(josh);

🧸  컴포넌트 등록 방식에서의 축약 방법

const doComponent = {
	template: '<p>Do Component</p>'
};

new Vue({
	components: {
    	doComponent
    }
});

🧸  뷰 라우터 등록 방식에서의 축약 방법

const router = new VueRouter({
	//...
});

new Vue({
	router
});

🧸  속성에 함수를 정의할 때 function 예약어 생략

객체를 정의할 때 객체의 속성에 함수를 연결하여 사용하는 경우 많음

const josh = {
	coding: function() {
    	console.log('Hello World');
    }
};
josh.coding();

 기능을 구현하다보면 위 처럼 정의할 때가 많음

축약하여 코딩하는 것을 추천

const josh = {
	coding() {
    	console.log('Hello World');
    }
};
josh.coding();