[ Vue.js ] Arrow funciton ()=> ? why??

 

VueJS에서 Arrow Function을 사용해야하는 이유

[ Vue Instatnce의 위치와 함수의 사용법에 따른 this.function의 값 출력  ]

Original Function : 함수 내에서 새로운 Instance를 생성하기 때문에 this.을 찾지 못한다.
그래서 새로운 함수 내의 function 을 호출하면 값을 뱉어내지 않는다.

Arrow Function : 선언되던말던간에 기존의 Instance의 위치 그대로 this.를 찾음
그래서 새로운 Arrowfunction 내에서 function을 호출하면 값을 뱉어낸다.