Vue 3에서 동적 구성요소 가져오기를 구현하는 방법 알아보기
P粉253800312
P粉253800312 2023-08-24 16:00:23
0
1
667
<p>이 기사에 따르면 구성 요소를 Vue 3 애플리케이션으로 동적으로 가져오고 싶습니다. 보기의 코드는 다음과 같습니다. </p> <pre class="brush:php;toolbar:false;"><템플릿> <div class="페이지"> <latest-box v-if="showLatestBox" /> </div> </템플릿> <스크립트> // @는 /src의 별칭입니다. // 이 방법은 작동합니다 //'@/comComponents/LatestBox.vue'에서 최신박스 가져오기 기본값 내보내기 { 이름: '페이지 1', 데이터() { 반품 { showLatestBox: 사실, } }, 구성요소: { LateBox: () => import('@/comComponents/LatestBox.vue') // 이 메서드는 유효하지 않습니다. } } <p>코드에서 오류를 보고하지 않지만 페이지에서 구성요소를 볼 수 없습니다. 첫 번째 가져오기 방법을 사용하면 작동합니다. 내가 뭐 놓친 거 없니? </p>
P粉253800312
P粉253800312

모든 응답(1)
P粉970736384

Vue 3에서는 구성요소를 지연 로드하려면 defineAsyncComponent를 사용해야 합니다

으아아아

https://v3-migration.vuejs.org/breaking-changes/async-comComponents.html#overview

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿