使用composition api创建vue 3组件的实例
P粉436688931
2023-08-27 10:23:06
<p>假设我在 vue3 中使用以下语法创建了一个组件</p>
<pre class="brush:php;toolbar:false;">// Message.vue
<script setup lang="ts">
const props = defineProps<{
message: string
}>();
</script>
<template>
<span>{{ props.message }}</span>
</template></pre>
<p>如何创建此消息组件的实例?</p>
<pre class="brush:php;toolbar:false;">import Message from "./Message"
let message1 = Message({message:"hello world"}); // how to do this?</pre>
<p>这样我就可以将 <em>message1</em> 与 <code><component></code> 一起使用,例如 <code><component :is="message1" /></code></p>
您可以将以下导入添加到文件中。
然后以这种方式创建消息组件。