我有一个这样的组件
<template>
<div class="my-hello">
Hello {{ man }}
<slot name="test"></slot>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
name: 'HelloWorld',
props: {
man: String
}
})
</script>
我想用渲染功能渲染这个组件。我的尝试是这样,但它不起作用。
import { createApp, h } from 'vue'
const app = createApp({
render () {
return h(component, { man: 'David' }, { test: () => h('p', {}, 'SLOT DATA') })
}
})
app.mount(element)
这里component
是我导入的单文件 vue 组件(HelloWorld)。element
是主 html 上的一些元素。
这里有什么问题?