h 函数中怎么写 template 占位符

首先感谢各位大佬指点

总结一下:

1、h 函数中写 template 占位符

import { Fragment } from "vue"
h(Fragment, {}, [])

2、h 函数中写具名插槽, 比如这样 <template v-slot:header>xxx</template>

h(HelloWorld, null, {
 default: () => h('div', null, 'default'),
 header: () => h('div', null, 'header xx')
 })

3、JSX 中写具名插槽

setup() {
  const slotsTemp = {
    default: () => <div>jsx-default</div>,
    dropDown: () => <Fragment>jsx-dropDown</Fragment>
  }

  return () => (
    <div>
      JSX
      <slots v-slots={slotsTemp}></slots>
    </div>
  )
}

slot.vue
<div class="default">
  <slot></slot>
</div>
<div class="dropdown">
  <slot name="dropDown"></slot>
</div>

子组件定义具名插槽: this.$slots.default(); this.$slots.dropDown()