강의

멘토링

로드맵

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

주니어백엔드님의 프로필 이미지
주니어백엔드

작성한 질문수

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

스피너 실행 및 종료 시점 알아보기

부모/자녀 컴포넌트 간 created가 실행되는 순서

작성

·

235

1

강의 잘 듣는 중입니다.

영상의 흐름을 따라 코드를 작성했는데,

페이지를 아예재로딩 했을 때는 spinner가 보이지 않고(startspinner, endspinner 이벤트로그도 안 뜹니다),

로딩 후에 다른 route로 넘어갈 때(ex:news->jobs) spinner가 보이더군요.

제 생각에는 자녀 컴포넌트인 newsview, askview, jobsview의 created가 부모 컴포넌트인 app의 created보다 먼저 실행되어서, app의 created 내용인 bus.$on이 자녀 컴포넌트가 보낸 이벤트를 받지 못해서 그런 것 아닐까? 라는 생각인데. 그래서 처음 로딩 할 때는 자녀의 이벤트를 받지 못했지만 이후에 route를 이동할 때는 이벤트를 인식하고 spinner가 보이는거구요.

이게 맞는 이해인지 궁금합니다.

퀴즈

컴포넌트 재사용 기법(HOC, Mixin)이 해결하고자 하는 주된 문제는 무엇일까요?

상태 관리의 복잡성 감소

컴포넌트 간 중복 로직 최소화

비동기 데이터 처리 성능 향상

스타일 정의의 일관성 유지

답변 1

0

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

안녕하세요, 컴포넌트 생성 순서는 제가 이해하기로 App 다음에 하위 컴포넌트가 될 거예요 :)

주니어백엔드님의 프로필 이미지
주니어백엔드

작성한 질문수

질문하기