Vue에서 methods: 부분관련 this

Question

methods: {add1() {console.log(this); // 이건 제대로 전역 가리킴},add2: () => {console.log(this); // 이건 스코프내의 this를 가리킴}}이 둘이 왜 이렇게 차이가 나나요?화살표함수일때 전역 가리키는줄 알았는데ㅠㅠ

Answer

안녕하세요 찬희님,뷰 methods 속성 안에서의 this는 기본적으로 컴포넌트, 인스턴스를 가리킵니다. 화살표 함수를 사용하면 this 바인딩이 변화되므로 뷰 인스턴스 옵션에 직접적으로 엮어서 쓰지 않으셔야해요. 자바스크립트 this는 크게 4가지 정도 밖에 없기 때문에 한번 찬찬히 살펴보시면 좋을 것 같습니다..!강의 수강해주셔서 감사해요~

박찬희

Vue에서 methods: 부분관련 this

이 글과 비슷한 Q&A

github 권한 요청합니다.

너비에 따라 row에서 column으로 바꾸는 방법

52강의 originalTpdp ref 와 todo ref

props로 함수를 전달했을 때의 질문입니다!