컴포지션 API를 사용하여 Vue 3 구성 요소의 인스턴스 만들기

Question

<p>다음 구문을 사용하여 vue3에서 구성 요소를 생성한다고 가정합니다</p> <pre class="brush:php;toolbar:false;">// Message.vue <스크립트 설정 lang="ts"> const props = 정의Props<{ 메시지: 문자열 }>(); </스크립트> <템플릿> <span>{{ props.message }}</span> </템플릿></pre> <p>이 메시지 구성 요소의 인스턴스를 어떻게 생성하나요? </p> <pre class="brush:php;toolbar:false;">"./Message"에서 메시지 가져오기 let message1 = Message({message:"hello world"}) // 어떻게 할까요?</pre> <p>이 방법으로 <code><comComponent:is="message1" / >> ;/코드>

Answer 1

다음 가져오기를 파일에 추가할 수 있습니다.

으아악

그런 다음 이 방법으로 메시지 구성 요소를 만듭니다.

으아악