你能在Vue模板中渲染VNode吗？

Question

我有一种情况，我有一个渲染功能，将一些数据传递到作用域的插槽。作为该数据的一部分，我希望包括由渲染功能构造的一些VNode，其可以可选地由范围的槽使用。无论如何在模板中写入作用域槽以输出已接收的原始VNode？

Answer 1

您可以使用功能组件为模板的该部分呈现vnode：

<some-component>
  <div slot-scope="{ vnodes }">
    <vnodes :vnodes="vnodes"/>
  </div>
</some-component>

components: {
  Vnodes: {
    functional: true,
    render: (h, ctx) => ctx.props.vnodes
  }
}