`子组件中的阵列` 在Vue render函数中是什么意思，有何作用？

Question

在学习Vue文档的时候 https://cn.vuejs.org/v2/guide...

Vue.component('anchored-heading', {
  render: function (createElement) {
    return createElement(
      'h' + this.level,   // tag name 标签名称
      this.$slots.default // 子组件中的阵列
    )
  },
  props: {
    level: {
      type: Number,
      required: true
    }
  }
})

这里：

this.$slots.default // 子组件中的阵列    

是什么意思？有何作用？
this.$slots是代表的什么？

Answer 1

1. 关于 render 函数，平时我们在 <template></template> 里创建 html，当要使用 javascript 来创建 html 时，我们需要使用 render 函数；
2. this.$slots 是官方的一个实例属性 API，如果不懂可以去看 实例属性 slots