Buat contoh komponen vue 3 menggunakan api gubahan

Question

Andaikan saya mencipta komponen dalam vue3 menggunakan sintaks berikut

// Message.vue
<penyiapan skrip lang="ts">
const props = defineProps<{
    mesej: rentetan
}>();
</skrip>

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

Bagaimanakah saya boleh membuat contoh komponen mesej ini?

import Mesej daripada "./Message"

let message1 = Message({message:"hello world"}); // bagaimana untuk melakukannya?

Dengan cara ini saya boleh menggunakan message1 dengan ;/kod>

Answer 1

Anda boleh menambah import berikut pada fail anda.

import { createApp, h } from "vue";

Kemudian buat komponen mesej dengan cara ini.

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