-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
axios.get callback 내부에서 this
21.03.05 18:00 작성 조회수 469
2
안녕하세요 강의 잘 듣고 있습니다.
다름이 아니라 axios.get()의 callback 함수의 내부에서 vm.을 사용하셨는데, vm.users가 아니라 this.users를 사용해도 정상적으로 데이터가 들어가고 있습니다.
async created(){
await axios.get('https://api.hnpwa.com/v0/news/1.json').then((res) => {
console.log(res)
this.newses = res.data
}).catch((err) => {
console.log(err)
})
},인텔리센스가 띄워주는 타입을 보니 callback 내부의 this와 외부에서의 this가 동일하게 CombinedVueInstance로 잡히는데 혹시 차이점이 있을까요? 아니면 버전업에 따른 수정 사항인지 궁금합니다.
감사합니다.
답변을 작성해보세요.
1
장기효(캡틴판교)
지식공유자2021.03.08
안녕하세요 동현님, 좋은 질문이네요. axios 콜백 함수 내부에서 vm을 사용하셨다라는 부분은 Vue.js 시작하기 강의를 말씀하신 건가요? 화살표 함수는 this 바인딩을 바꿔줍니다. 위 코드에서 axios 콜백 함수의 this와 컴포넌트의 this는 동일하게 나오는게 맞아요 :)
0
0
권동현
질문자2021.03.08
11강 axios를 이용한 api 호출에서 아래와 같이 사용하셔서 질문 드렸습니다. 답변 감사합니다~
async created(){
const vm = this
await axios.get('https://api.hnpwa.com/v0/news/1.json').then((res) => {
console.log(res)
vm.newses = res.data
}).catch((err) => {
console.log(err)
})
},
답변 3