<p>Supposons que je crée un composant dans vue3 en utilisant la syntaxe suivante</p> <pre class="brush:php;toolbar:false;">// Message.vue <configuration du script lang="ts"> const props = définirProps<{ message : chaîne }>(); </script> <modèle> <span>{{ props.message }}</span> </template></pre> <p>Comment créer une instance de ce composant de message ? </p> <pre class="brush:php;toolbar:false;">importer le message de "./Message" let message1 = Message({message:"hello world"}); // comment faire ?</pre> <p>De cette façon, je peux utiliser <em>message1</em> avec <code><component></code> ;/code></p>

import { createApp, h } from "vue";

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