Vue Composition API에서 구성 요소를 로드(설치)하는 방법

Question

vue3-burger-menu를 로드하려고 하는데 해당 문서는 옵션 API에만 해당됩니다. 반면에 Composition API를 사용하고 있는데 좀 막히네요.

문서에는 다음과 같이 나와 있습니다.

import { Slide } from 'vue3-burger-menu' // 사용하려는 CSS 전환을 가져옵니다. 이 경우 `Slide`를 사용합니다.

기본값 내보내기 {
    구성요소: {
        슬라이드 // 구성 요소 등록
    }
}

하지만 기본값 내보내기가 작동하지 않습니다.

그렇다면 슬라이드쇼를 어떻게 로드하나요?

Answer 1

여기 vue3-burger-menu 예시가 포함된 작업장이 있습니다.

https://stackblitz.com/edit/vue-wwkpny ?file=src/App.vue

질문에 있는 코드를 커스텀 컴포넌트에 넣어야 합니다.

이렇게:

MyMenu.vue

으아악

앱에서 사용하세요:

App.vue

으아악