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

공유계정님의 프로필 이미지

작성한 질문수

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

router.js 에서 component : ()=>import. 형태로 사용하는 이유가 무엇인가요?

23.02.07 14:06 작성

·

421

0


const routes = [
path:'abcd', component: import('path/abcd.vue')
];

다이렉트로 위처럼 사용하거나,

import abcd from 'path/abcd.vue';

const routes = [ path:'abcd', component: abcd];

이렇게 쓰면 어떤 문제가 발생하나요?

답변 2

0

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

2023. 02. 08. 23:30

안녕하세요.

해당 문법은 dynamic imports 문법으로 Vue Router에서 Lazy Loading(지연 로딩) Routes 설정시 유용하게 사용할 수 있습니다. 이때 이점은

번들링시 각 컴포넌트 파일로 분할하여 해당 경로에 방문했을 경우에만 로드할 수 있어 더 효율적입니다.

아래 링크에서 더 자세한 설명을 확인할 수 있습니다.

https://router.vuejs.org/guide/advanced/lazy-loading.html

0

woong414님의 프로필 이미지

2023. 02. 07. 15:58

반응형 라우터쪽 구글링 해보면 도움될거예요