inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

동적 컴포넌트

defineasynccomponent 을 이용한 Dynamic components 구현

527

이현진

작성한 질문수 2

0

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

vue.js

답변 1

0

짐코딩

안녕하세요.

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

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

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

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

npm init vue@3.1.9

0

40

2

크롭 웹스토어 vue devtools 설치 관련

0

41

1

snippets 작성하는 부분 설명이 있었나요?

0

48

2

computed 의 set 함수를 통해 const 변수에 값을 담는 부분

0

53

2

소스 공유 어디서 해야하는지 궁금합니다

0

60

2

component 등록과 사용

0

58

2

강의교안

0

56

2

eslint 룰 관련 질문이 있습니다.

0

64

2

npm init -y 명령어 실행에 관한 질문

0

154

2

volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.

0

168

2

깊은 감시자 질문

0

88

2

정리된 내용

0

155

2

화면이 왜 이렇게 뜨는걸까요?

0

186

2

왜 다르게 뜰까요..?ㅠㅠ

0

155

2

npm init vue , npm create vue@latest 명령 오류

0

294

2

강의를 듣다보니 궁금한 점 질문드립니다.

0

141

2

watch강의 질문

0

153

1

강의 듣다가 질문드립니다.

0

119

1

이벤트 처리 부분 강의 실습

0

140

2

v-pre는 설명이 없나요?

0

153

2

AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다

0

146

1

개발자도구 Vue 탭 관련 문의

0

240

2

강의를 인텔리제이로 수업따라가도 되져?

0

178

2

API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?

3

279

2