我刚开始学习 Vuejs，在我需要使用的单个文件组件中，有一个我不太清楚的结构：
<template>
<component :is="user === undefined ? 'div' : 'card'">
...some code
</component>
</template>
在什么情况下有用？为什么我们不能改用<div>？
我在这里问这个问题是因为每次我用谷歌搜索 Vue component tag 我都会得到关于组件本身的信息，而没有任何标签相关的信息。
【问题讨论】：
标签： vue.js vue-component
<component> 用于需要根据某条信息（通常为prop）动态呈现特定标签（由:is 指定）。在您发布的示例中，您有两种情况：
user 是undefined，因此将<component> 渲染为<div>
user 不是undefined，因此将<component> 渲染为<card>
<card> 很可能是具有自己特定模板和逻辑的自定义组件。
【讨论】：
<component> 是一个特殊的 vue 元素，它与is 属性结合使用。
它的作用是根据 is 属性中放置的内容，有条件地（并且动态地）渲染其他元素。
<component :is="'card'"></component>
将在 DOM 中呈现 card 组件。您的代码中显示的示例：
<component :is="user === undefined ? 'div' : 'card'">
当用户未定义时将呈现div，否则将呈现card 组件。
这种行为是动态的，所以如果 user 从 undefined 变为 someghing else，vue 将从 DOM 中删除 div，并插入 card 组件。
在 HTML 中，您永远不会看到名为 <component> 的节点，只会看到 div 或 card
【讨论】：
<div> 或<card> 放置一个带有所需道具的自定义组件？如果是这样，应该如何传递道具？