강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

대현님의 프로필 이미지
대현

작성한 질문수

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

[실습] 라우터 네비게이션 가드 실습 및 스피너 종료 시점 변경

end spinner 호출 시점 질문

작성

·

232

1

아... 그러니깐 비동기로 데이터를 받아오는 시점이 mounted되는 시점보다 늦기 때문에 then으로 end spinner를 발생시키면 spinner가 더 도는 거죠?

과정을 정리하면, 라우터 링크를 누르면 네비게이션 가드를 통해서 비동기 데이터를 불러오고, 데이터를 받아서 next()를 부르기 전까지는 새로운 컴포넌트가 created되고, 이후 mounted될 때 스피너를 끄고, 비동기 데이터를 받은 시점에서 next()를 부르면 새로운 list 데이터로 다시 렌더링을 해주는거죠?

비동기를 받기 전까지는 next()를 호출하지 않기 때문에 새로운 컴포넌트는 생성되었지만 보여지지 않는거구요.

답변 1

1

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

네 대현님 잘 이해하신 것 같아요 :) 라우터 네비게이션 가드를 이용해서 페이지를 진입하기 전에 데이터를 모두 설정해 줄 수 있습니다 :)

대현님의 프로필 이미지
대현

작성한 질문수

질문하기