<p>Andaikan saya mencipta komponen dalam vue3 menggunakan sintaks berikut</p> <pre class="brush:php;toolbar:false;">// Message.vue <penyiapan skrip lang="ts"> const props = defineProps<{ mesej: rentetan }>(); </skrip> <template> <span>{{ props.message }}</span> </template></pre> <p>Bagaimanakah saya boleh membuat contoh komponen mesej ini? </p> <pre class="brush:php;toolbar:false;">import Mesej daripada "./Message" let message1 = Message({message:"hello world"}); // bagaimana untuk melakukannya?</pre> <p>Dengan cara ini saya boleh menggunakan <em>message1</em> dengan <code><component></code> ;/kod></p>

import { createApp, h } from "vue";

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