为组件创建可变容器

Question

我开发了组件，但我需要什么可以更改组件容器的标签名称。 像这样：

<my-component tagName="section"></my-component>

渲染到

<section>... my inner component tags ...</section>

如何制作？ 我阅读了有关 render() 和功能组件的信息，但使用

创建组件模板

render(createEl, ctx){
    return createEl(ctx.props.tagName, [createEl('div', [...])])
}

... 看起来既可怕又不舒服。

编辑： 像这样的东西： http://jsbin.com/qozawiwumi/edit?html,output

Answer 1

我决定了这个问题，使用 is="" 和 this.$vnode.data.tag 来渲染自定义组件包装器。 https://jsbin.com/gifesom/edit?html,output