VueJS 渲染函数 - 如何添加对另一个组件的引用？

Question

我有一个没有模板的组件。 我正在使用渲染函数来构建组件的 vnode。 我的应用程序中有一个微调器组件，我想将其添加到该组件中。 有谁知道有关添加组件并为 CreateElement 方法引用它的过程的文档？ 我正在研究一个在这里展示的例子。 谢谢

Answer 1

您可以为CreateElement使用组件名称或组件对象：

 var comp = { render(h) { return h('div', ['Child Component ' + (this.value || '?')]) }, props: ['value'] } new Vue({ render: h => h('div',[ h('comp', {props:{value:'1'}}), h(comp) ]), components: { comp } }).$mount('div')

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div></div>

请参阅： https ://v2.vuejs.org/v2/guide/render-function.html#createElement-Arguments