인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

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

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

동적 컴포넌트

defineasynccomponent 을 이용한 Dynamic components 구현

작성

·

456

0

Dynamic components 이용해서 tab 구성에 관한 강의를 해주셨는데요. 관련 소스를 찾다보니 vue3에서 defineasynccomponent으로도 구현이 가능한것으로 보입니다. defineasynccomponent을 이용한 tab 구성 관련해서 관련 설명 좀 부탁드립니다.

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요.

  • 동적 컴포넌트는 말 그대로 컴포넌트를 동적으로 변경할 때 사용하고요.

  • 비동기 컴포넌트는 비동기로 컴포넌트를 불러올 때 사용하는데요. 비동기 컴포넌트는 지연 로딩(Lazy Loading)시 유용하게 사용할 수 있습니다.

둘의 스펙은 다른데요. 비동기 컴포넌트와 동적 컴포넌트를 함께 사용하면 현재 필요하지 않은 컴포넌트를 지연 로딩 함으로써 초기 로딩 시간은 단축할 수 있습니다.

비동기 컴포넌트는 동적으로 컴포넌트를 변경하는 것이 아닌 비동기로 가져오는 것입니다 (포인트!)

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

작성한 질문수

질문하기