강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

vm11with4544 のプロフィール画像
vm11with4544

投稿した質問数

クエサー(Quasar)完璧マスター:Vueフロントウェブをすばやく作成したい場合(Based Vue3)

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

作成

·

549

0


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

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

import abcd from 'path/abcd.vue';

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

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

vue.jsvuejsquasar

回答 2

0

gymcoding님의 프로필 이미지
gymcoding
インストラクター

안녕하세요.

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

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

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

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

0

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

 

vm11with4544 のプロフィール画像
vm11with4544

投稿した質問数

質問する