인프런 커뮤니티 질문&답변
작성한 질문수
Vue에서 methods: 부분관련 this
작성
·
128
0
methods: {
add1() {
console.log(this); // 이건 제대로 전역 가리킴
},
add2: () => {
console.log(this); // 이건 스코프내의 this를 가리킴
}
}
이 둘이 왜 이렇게 차이가 나나요?
화살표함수일때 전역 가리키는줄 알았는데ㅠㅠ
답변 1
0
장기효(캡틴판교)
지식공유자
안녕하세요 찬희님,
뷰 methods 속성 안에서의 this는 기본적으로 컴포넌트, 인스턴스를 가리킵니다. 화살표 함수를 사용하면 this 바인딩이 변화되므로 뷰 인스턴스 옵션에 직접적으로 엮어서 쓰지 않으셔야해요. 자바스크립트 this는 크게 4가지 정도 밖에 없기 때문에 한번 찬찬히 살펴보시면 좋을 것 같습니다..!
강의 수강해주셔서 감사해요~