작성한 질문수
퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
작성
·
433
0
const routes = [ path:'abcd', component: import('path/abcd.vue') ];
다이렉트로 위처럼 사용하거나,
import abcd from 'path/abcd.vue'; const routes = [ path:'abcd', component: abcd];
이렇게 쓰면 어떤 문제가 발생하나요?
답변 2
안녕하세요.
해당 문법은 dynamic imports 문법으로 Vue Router에서 Lazy Loading(지연 로딩) Routes 설정시 유용하게 사용할 수 있습니다. 이때 이점은
번들링시 각 컴포넌트 파일로 분할하여 해당 경로에 방문했을 경우에만 로드할 수 있어 더 효율적입니다.
아래 링크에서 더 자세한 설명을 확인할 수 있습니다.
https://router.vuejs.org/guide/advanced/lazy-loading.html
반응형 라우터쪽 구글링 해보면 도움될거예요