router.js 에서 component : ()=>import. 형태로 사용하는 이유가 무엇인가요?
554
投稿した質問数 1
const routes = [
path:'abcd', component: import('path/abcd.vue')
];다이렉트로 위처럼 사용하거나,
import abcd from 'path/abcd.vue';
const routes = [ path:'abcd', component: abcd];이렇게 쓰면 어떤 문제가 발생하나요?
回答 2
0
안녕하세요.
해당 문법은 dynamic imports 문법으로 Vue Router에서 Lazy Loading(지연 로딩) Routes 설정시 유용하게 사용할 수 있습니다. 이때 이점은
번들링시 각 컴포넌트 파일로 분할하여 해당 경로에 방문했을 경우에만 로드할 수 있어 더 효율적입니다.
아래 링크에서 더 자세한 설명을 확인할 수 있습니다.
ComboBox 관련해서 질문 드립니다.
0
69
2
<g-page class="q-pa-xl"> 했는데도 여백 안생김
0
83
2
quasar intellisense extension 관련 문의
0
263
2
q-tab 오류 문의
0
238
1
q-upload 문의 드립니다.
0
490
1
q-input과 :rules 속성을 함께 쓸때, items-center 속성이 이상한 현상
0
309
1
Key값으로 Object 사용가능할까요?
0
230
1
npm run build 시 오류 발생합니다
0
460
1
fontawsome 사용법
0
251
1
Quasar 관련 익스텐션
0
216
1
VUE를 이용해서 프로그램 파일을 실행할수 있을까요?
0
410
1
q-input 태그 내용사라짐
0
272
1
q-input 컴포넌트 질문
0
466
1
버튼이 마음대로 크기가 바뀌어요
0
655
1
다크 모드 처리 관련하여 질문드립니다.
0
532
1
script setup 태그 유무에 따라서 페이지 출력이 안됩니다.
0
543
3
vue3 composition api (script setup) 사용 시 전역변수 접근
0
1440
1
한글 실시간 바인딩
2
2532
2
vue3 composition Api 사용시 setup 내부에서도 /src/boot에 설정한 constatns.js 값을 가져올수 있나요?
0
396
1
router.push로 이동 시, 유튜브 페이지의 컨텐츠 영역 안보이는 현상
0
464
1
validation
0
367
1
CORS 설정
0
606
1
질문 있습니다
0
335
1
Helper Classes
0
310
1