<p>Angenommen, ich erstelle eine Komponente in vue3 mit der folgenden Syntax</p> <pre class="brush:php;toolbar:false;">// Message.vue <script setup lang="ts"> const props = defineProps<{ Nachricht: Zeichenfolge }>(); </script> <Vorlage> <span>{{ props.message }}</span> </template></pre> <p>Wie erstelle ich eine Instanz dieser Nachrichtenkomponente? </p> <pre class="brush:php;toolbar:false;">import Message from "./Message" let message1 = Message({message:"hello world"} // wie geht das?</pre> <p>Auf diese Weise kann ich <em>message1</em> mit <code><component></code> wie <code><component :is="message1" / << verwenden ;/code></p>

import { createApp, h } from "vue";

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