Erstellen Sie mithilfe der Kompositions-API eine Instanz einer Vue-3-Komponente

Question

Angenommen, ich erstelle eine Komponente in vue3 mit der folgenden Syntax

// Message.vue
<script setup lang="ts">
const props = defineProps<{
    Nachricht: Zeichenfolge
}>();
</script>

<Vorlage>
<span>{{ props.message }}</span>
</template>

Wie erstelle ich eine Instanz dieser Nachrichtenkomponente?

import Message from "./Message"

let message1 = Message({message:"hello world"} // wie geht das?

Auf diese Weise kann ich message1 mit wie

Answer 1

您可以将以下导入添加到文件中。

import { createApp, h } from "vue";

然后以这种方式创建消息组件。

let message1 = createApp({ 
  setup () {
    return () => h(Message, {message: "hello world"});
  }
});