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