Vue 3에서 동적 구성요소 가져오기를 구현하는 방법 알아보기

Question

이 기사에 따르면 구성 요소를 Vue 3 애플리케이션으로 동적으로 가져오고 싶습니다. 보기의 코드는 다음과 같습니다.

<템플릿>
  

      
  



<스크립트>
// @는 /src의 별칭입니다.
// 이 방법은 작동합니다
//'@/comComponents/LatestBox.vue'에서 최신박스 가져오기


기본값 내보내기 {
    이름: '페이지 1',

    데이터() {
        반품 {
            showLatestBox: 사실,
        }
    },

    구성요소: {
        LateBox: () => import('@/comComponents/LatestBox.vue') // 이 메서드는 유효하지 않습니다.
    }
}

코드에서 오류를 보고하지 않지만 페이지에서 구성요소를 볼 수 없습니다. 첫 번째 가져오기 방법을 사용하면 작동합니다. 내가 뭐 놓친 거 없니? 
            

Answer 1

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

으아아아

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