inflearn logo
강의

講義

知識共有

Vue.js 完全ガイド - 実習とリファクタリングで学ぶ実践概念

axiosを利用したAPIコール

axios.get callback 내부에서 this

687

dhkwon12092807

投稿した質問数 3

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로 잡히는데 혹시 차이점이 있을까요? 아니면 버전업에 따른 수정 사항인지 궁금합니다.

감사합니다.

axios this vuejs javascript

回答 3

1

captain

안녕하세요 동현님, 좋은 질문이네요. axios 콜백 함수 내부에서 vm을 사용하셨다라는 부분은 Vue.js 시작하기 강의를 말씀하신 건가요? 화살표 함수는 this 바인딩을 바꿔줍니다. 위 코드에서 axios 콜백 함수의 this와 컴포넌트의 this는 동일하게 나오는게 맞아요 :)

0

dhkwon12092807

제가 arrow function을 사용해서 그런 것 같네요. 강의 예시 코드에서는 사용하지 않았었군요

0

dhkwon12092807

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)
    })
  },

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

160

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

207

1

ide 타입추론 기능 사용할 수 없을까요??

0

207

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

228

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

318

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

435

2

코드가 정상 작동 되는건지 ...

1

302

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

288

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

381

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

454

2

권한요청 드립니다!

1

274

2