Créer une instance d'un composant vue 3 à l'aide de l'API de composition

Question

Supposons que je crée un composant dans vue3 en utilisant la syntaxe suivante

// Message.vue
<configuration du script lang="ts">
const props = définirProps<{
    message : chaîne
}>();
</script>

<modèle>
<span>{{ props.message }}</span>
</template>

Comment créer une instance de ce composant de message ?

importer le message de "./Message"

let message1 = Message({message:"hello world"}); // comment faire ?

De cette façon, je peux utiliser message1 avec ;/code>

Answer 1

Vous pouvez ajouter les importations suivantes à votre fichier.

import { createApp, h } from "vue";

Créez ensuite le composant de message de cette façon.

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