Vue模板中渲染VNode

参考stackoverflow文章

vue2

<template>
  <hello name="hello"></hello>
</template>
<script>
  export default {
    components: {
      hello: {
        props: {
          name: String
        },
        render(h) {
          return h('span', this.name)
        }
      }
    },
  }
</script>

vue3

单个VNode

<template>
  <hello></hello>
</template>
<script setup>
  import {h} from 'vue'
  const hello = h('span', 'hello')
</script>

多个VNode

<template>
  <component :is="hello"/>
</template>
<script setup>
  import {h} from 'vue'
  const hello = [
    h('span', 'hello'),
    h('span', 'hello1'),
    h('span', 'hello2')
  ]
</script>