ES6 for Vue.js - Enhanced Object Literals (향상된 객체 리터럴)

 

- Enhanced Object Literals : 향상된 객체 리터럴

 

1. 객체의 속성을 메서드로 사용할 때 function예약어를 생략하고 생성 가능

​

var dictionary = {

words : 100,

​

//ES5

lookup : function (){

console.log("find words");

},

​

//ES6

lookup(){

console.log("find words");

}

}

​

2. 객체의 속성명과 값 명이 동일할 때 아래와 같이 축약 가능

 

예시1)

var figures = 10;

var dictionary = {

// figures : figures

figures

};

​

예시2)

  components: {

     'TodoFooter' : TodoFooter,

     'TodoHeader' : TodoHeader,

     'TodoList' : TodoList,

     'TodoInput' : TodoInput

   }

​

//아래와 같이 변경 가능

​

   components: {

     TodoFooter,

     TodoHeader,

     TodoList,

     TodoInput

   }