Javascript Vue组件上的条件根标记 我的问题

我有一个Vue组件，可以像这样呈现内容：

<template>

    <div class="item">
        <h1>{{ title }}</h1>
        <p>{{ contents }}</p>
        <!-- Lot's of other stuff... -->
    </div>

</template>

<script>
    // export default...
</script>

<style lang="scss">
    // style...
</style>

---

我对上面的问题是，它意味着我需要两个独立的组件，例如

Item.vue

和

ItemTag.vue

。当然有一种方法可以使用one组件实现这一点吗？

我相信您可以使用

is

：

...

这并不完全是医生建议的，但它似乎确实有预期的效果

---

使用

render

函数不一定需要两个组件，但需要将整个模板重写为

render

函数。

我现在就试试。。。我确实阅读了

：is

条件，但我找不到任何暗示它可以用于此目的的文档。请容忍，我现在要测试：-t这是一个很酷的把戏。考虑到这些文档会引导您针对这类问题使用渲染函数，我想知道它是否真的会得到支持。

render (createElement) {
    return createElement(this.tag, {}, this.$slots.default);
}