vuejs中render函数向子组件中传递作用域插槽？

Question

vuejs官网教程：
插槽

如果要用渲染函数向子组件中传递作用域插槽，可以利用 VNode 数据对象中的 scopedSlots 域：

render: function (createElement) {
  return createElement('div', [
    createElement('child', {
      // 在数据对象中传递 `scopedSlots`
      // 格式：{ name: props => VNode | Array<VNode> }
      scopedSlots: {
        default: function (props) {
          return createElement('span', props.text)
        }
      }
    })
  ])
}

这个怎么理解呢？官网也不给个demo，我都不知道怎么调试，尤其是那个“child”是什么鬼？用render函数渲染模版时，怎么注册这个“child”子组件呢？求大神解释下，最好整个在线demo。

Answer 1

https://jsfiddle.net/hxlyd/ey...

https://codesandbox.io/s/l5p3...