Vue.js 에서 ES6 사용하기 (3) Enhanced Object Literals - 향상된 객체 리터럴

axios·2020년 5월 7일
0

Vue.JS

목록 보기
4/6
post-thumbnail
  • ES6의 여러가지 문법들 중에서도 Vue.js 사용을 편하게 해주는
    -const & let, Arrow Function, Enhanced Object Literals, Modules 사용해보기.

  • Enhanced Object Literlas - 향상된 객체 리터럴
    -객체의 속성을 메소드로 사용할 때 function 예약어를 생략하고 생성 한다.

    var dic = {
       words: 100,
       //ES5
       lookup: function() {
        console.log("find words");
       },
       //ES6
       lookup() {
        console.log("find words");
       }
    };
  • 객체의 속성명과 값 명이 동일할 때 축약 가능하다.

    var figures = 10;
    var dic = {
      // figures: fugures, 속성 = 값 일때 생략가능
      figures
    }
profile
하고싶은거 많은 주니어 개발자

0개의 댓글