router.js 에서 component : ()=>import. 형태로 사용하는 이유가 무엇인가요?
567
작성한 질문수 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
82
2
<g-page class="q-pa-xl"> 했는데도 여백 안생김
0
94
2
quasar intellisense extension 관련 문의
0
276
2
q-tab 오류 문의
0
254
1
q-upload 문의 드립니다.
0
510
1
q-input과 :rules 속성을 함께 쓸때, items-center 속성이 이상한 현상
0
318
1
Key값으로 Object 사용가능할까요?
0
242
1
npm run build 시 오류 발생합니다
0
473
1
fontawsome 사용법
0
256
1
Quasar 관련 익스텐션
0
224
1
VUE를 이용해서 프로그램 파일을 실행할수 있을까요?
0
424
1
q-input 태그 내용사라짐
0
282
1
q-input 컴포넌트 질문
0
481
1
버튼이 마음대로 크기가 바뀌어요
0
669
1
다크 모드 처리 관련하여 질문드립니다.
0
551
1
script setup 태그 유무에 따라서 페이지 출력이 안됩니다.
0
561
3
vue3 composition api (script setup) 사용 시 전역변수 접근
0
1459
1
한글 실시간 바인딩
2
2548
2
vue3 composition Api 사용시 setup 내부에서도 /src/boot에 설정한 constatns.js 값을 가져올수 있나요?
0
402
1
router.push로 이동 시, 유튜브 페이지의 컨텐츠 영역 안보이는 현상
0
483
1
validation
0
376
1
CORS 설정
0
615
1
질문 있습니다
0
342
1
Helper Classes
0
319
1