-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
router.js 에서 component : ()=>import. 형태로 사용하는 이유가 무엇인가요?
23.02.07 14:06 작성 조회수 350
0
const routes = [
path:'abcd', component: import('path/abcd.vue')
];
다이렉트로 위처럼 사용하거나,
import abcd from 'path/abcd.vue';
const routes = [ path:'abcd', component: abcd];
이렇게 쓰면 어떤 문제가 발생하나요?
답변을 작성해보세요.
0
짐코딩
지식공유자2023.02.08
안녕하세요.
해당 문법은 dynamic imports 문법으로 Vue Router에서 Lazy Loading(지연 로딩) Routes 설정시 유용하게 사용할 수 있습니다. 이때 이점은
번들링시 각 컴포넌트 파일로 분할하여 해당 경로에 방문했을 경우에만 로드할 수 있어 더 효율적입니다.
아래 링크에서 더 자세한 설명을 확인할 수 있습니다.
0
답변 2