如何将子组件添加到 createElement？

Question

我想在 createElement 中添加子组件。

我在 Vue 组件中使用渲染功能。

render: function(createElement) {

创建组件：

      const btn = Vue.component('button-counter', {
        data: function () {
          return {
            count: 0
          }
        },
        template: '<button v-on:click="count++">Счётчик кликов — {{ count }}</button>'
      })

尝试添加：

      return createElement(
        'div',
        {
          class: 'content-article',
        },
        [
          btn
        ]
      )

Answer 1

btn 组件引用需要传递给createElement（即createElement(btn)）；或组件名称（即createElement('button-counter')）：

export default {
  render(createElement) {
    return createElement(
        'div',
        {
          class: 'content-article',
        },
        [
          createElement(btn),

          // OR
          createElement('button-counter')
        ]
      )
  }
}

demo