inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

라이프 사이클 훅을 이용한 데이터 호출 방법의 문제와 비동기 처리 코드 수정

FETCH_LIST 함수가 프로미스를 반환하고 있는 이유가 뭔가요?

313

jjkim0222

작성한 질문수 25

1

저는 강사님과는 다르게 return문을 fetchList 앞에 안 붙였는데도 스피너가 동작하길래 한번 콘솔을 찍어봤는데

actions의

  FETCH_LIST({commit}, pageName){
    // api - index.js
    fetchList(pageName)
      // mutation "SET_LIST"
      .then(({ data }) => {
        console.log(4)
        commit("SET_LIST", data)
      })
      .catch(console.log)
  },

이 함수는 return문이 생략되어 있으니 undefined를 반환할 거라 예상했습니다

ListMixin.js

created(){
      bus.$emit('start:spinner') // 'start:spinner' 이벤트 보낸다 App.vue로
      setTimeout(()=>{
        console.log(this.$store.dispatch('FETCH_LIST', this.$route.name))
        
        this.$store.dispatch('FETCH_LIST', this.$route.name)
        .then((res)=>{
          console.log(5)
          console.log(res)
          console.log('fetched')
          bus.$emit('end:spinner') // 데이터 불러오고 나면 end:spinner
        }) // actions의 FETCH_NEWS의 return response를 받음
        .catch(console.log)
      },3000)
    },

근데 여기서 확인해보니 this.$store.dispatch('FETCH_LIST', this.$route.name)이 promise 객체던데 왜 그런건가요?

javascript vue.js vuejs

답변 1

0

캡틴판교

안녕하세요, return 값이 없으면 말씀하신대로 undefined가 되어야 할 것 같은데 이상하네요.. 첨부해 주신 코드로 확인하신게 맞을까요?

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

51

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

145

1

깃허브 권한 요청 드립니다

0

162

1

깃허브 권한 요청 드립니다

0

169

1

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

0

154

1

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

0

210

1

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

0

210

1

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

0

231

1

Vue3로 진행중입니다

1

339

1

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

1

507

1

vue3 에러 메세지...

1

674

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

320

2

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

1

359

2

권한요청드립니다.

1

301

2

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

1

437

2

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

1

304

1

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

1

245

1

vuex 적용시 질문

1

290

2

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

1

385

2

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

1

456

2

권한요청 드립니다!

1

275

2