화살표함수 & 속성메서드

1. 화살표 함수 예시

var arr = [1,2,3];
arr.forEach(function(value){
  	console.log(value);
});


arr.forEach((value)=> {
 	 console.log(value);
});

var sum = function() {
  	return 1+2;
}

var multuply = () => {
 	return 1+2; 
}

2. 속성메서드

2-1. 향상된 객체 리터럴

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

var dictionary = {
 	words = 100,
    //ES5
  	lookup: function() {
     	console.log("find words"); 
    }
 	//ES6
	lookup() {
      console.log("find words");
    }
}

2-2. 향상된 객체 리터럴 예시

addOneItem : function(value) {
}
--------------------
addOneItem(value) {
}

create : function() {
}
------------
create() {
}

data : function() {
    return {
        todoItems: []
    }
  }, --------------
data() {
    return {
        todoItems: []
    }
  },

2-3. 속성명의 축약

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

var figures = 10;
var dictionary = {
 	//figures : figures
  	figures
}

실습

  components: {
    'TodoHeader': TodoHeader,
    'TodoInput': TodoInput,
    'TodoList': TodoList,
    'TodoFooter': TodoFooter,
  }
---------------------------------
  components: {
    TodoHeader,
    TodoInput,
    TodoList,
    TodoFooter
  }