在vue3中使用JSX语法，在render 里 书写 { this.$slots.default } 想要插入一个默认插槽，但发现实现结果与预期不一样，页面上输出了一些函数的字符串形式。大佬们有
目前发现在render中去把this.$slots.default 执行一次即可输出内容，比如： { this.$slots.default() }，然后官网上有详细回复
https://github.com/vuejs/jsx-next#installation
注意：自定义组件的根组件必须是另一个组件，不能是原生的html元素，然后跟着Vue官网看就行了
slot
https://cn.vuejs.org/v2/guide/components-slots.html
您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～
ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632
非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！
速戳参与调研>>>https://t.csdnimg.cn/Kf0y
可以将slot写成一个键值对的对象，键为slot的名称，值值则为vNODE，然后作为一个props传给目标组件，组件拿到后使用this.$slots[name]?.() 拿到slot
说错了，目标组件是通过props.slots去拿到slot