Inflearn Community Q&A

asked

Vue.js Complete Guide - Learning Practical Concepts Through Hands-on Practice and Refactoring

[Hands-on Lab] Router Navigation Guard Practice and Changing Spinner End Time

리스트 렌더중 문제

Written on

265

3분 46초에 News에서 Ask로 접근할때 로딩바 종료된 후 Ask데이터를 불러올때 한번 살짝 보였다 사라진 다음에 다시 Ask 데이터가 노출됩니다. 저속으로 실행하니 저 현상이 명확히 보이네요..

따라한 실습도 같은 현상인데 원인을 잘 모르겠습니다@.@

vuejsjavascript

Quiz

다음 중 데이터를 가져오는 시점을 제어하여, 컴포넌트 내용이 렌더링되기 *전에* 데이터 준비를 기다릴 수 있게 하는 방식은 무엇일까요?

mounted 라이프사이클 훅 사용

created 라이프사이클 훅 사용

beforeEnter 라우터 네비게이션 가드 사용

computed 속성에서 직접 데이터 호출

Answer 2

Questioner

네. 스피너 종료 후

1. Ask 데이터 조회

2. 데이터 사라졌다가

3. 다시 노출...

강의 영상 캡쳐한거고... 따라한 제 코드도 동일한 현상이네요@.@..

근데 뒤에 강의 Async로 FETCH_NEWS 적용하는 부분에서도 동일한 현상이 확인됩니다.

Instructor

안녕하세요 hungryo님, 말씀하신 현상이 제가 잘 머리 속에 그려지지가 않네요 ㅜㅜ 페이지 이동하고 나서 스피너 종료 되었는데 화면의 텍스트가 깜빡 거린다는 말씀이실까요?

asked