Vue.js 标签<;组件>;内部Vuejs模板

Vue.js 标签<;组件>;内部Vuejs模板,vue.js,vue-component,Vue.js,Vue Component,我刚开始学习Vuejs,在我需要使用的一个单文件组件中,有一个结构我不太清楚: <template> <component :is="user === undefined ? 'div' : 'card'"> ...some code </component> </template> …一些代码 在什么情况下它是有用的?为什么我们不能改用 我在这里问这个问题是因为每次我在谷歌上搜索Vue组件标签

我刚开始学习Vuejs,在我需要使用的一个单文件组件中,有一个结构我不太清楚:

<template>
   <component :is="user === undefined ? 'div' : 'card'"> 
  
   ...some code

   </component>
</template>

…一些代码
在什么情况下它是有用的?为什么我们不能改用

我在这里问这个问题是因为每次我在谷歌上搜索
Vue组件标签时,我都会得到关于组件本身的信息,而与标签无关。

用于根据特定信息(通常是
道具
)动态呈现特定标签(由
指定):is
)。在您发布的示例中,有两种情况:

  • 用户
    未定义
  • ,因此将
    呈现为
  • 用户
    不是
    未定义的
    ,因此将
    呈现为
  • 很可能是一个具有自己特定模板和逻辑的自定义组件。

    用于根据特定信息(通常是
    道具
    )动态呈现特定标记(由
    指定):is
    )。在您发布的示例中,有两种情况:

  • 用户
    未定义
  • ,因此将
    呈现为
  • 用户
    不是
    未定义的
    ,因此将
    呈现为
  • 很可能是具有自己特定模板和逻辑的自定义组件。

    是一种特殊的vue元素,与
    is
    属性结合使用。 它所做的是有条件地(动态地)呈现其他元素,具体取决于
    is
    属性中放置的内容

    <component :is="'card'"></component>
    
    当用户未定义时,将呈现
    div
    ,否则将呈现
    card
    组件

    此行为是动态的,因此如果
    user
    从未定义更改为其他内容,vue将从DOM中删除
    div
    ,并插入
    卡组件

    在HTML中,您将永远不会看到名为
    的节点,只会看到
    div
    卡片

    是一个特殊的vue元素,与
    is
    属性结合使用。 它所做的是有条件地(动态地)呈现其他元素,具体取决于
    is
    属性中放置的内容

    <component :is="'card'"></component>
    
    当用户未定义时,将呈现
    div
    ,否则将呈现
    card
    组件

    此行为是动态的,因此如果
    user
    从未定义更改为其他内容,vue将从DOM中删除
    div
    ,并插入
    卡组件


    在HTML中,您永远不会看到名为
    的节点,只有
    div

    我知道了。谢谢您有文档的链接吗?您可以找到一些信息,而不是
    放置需要道具的自定义组件?如果是这样的话,一个人应该如何通过道具?是的,这是可能的。这应该能回答你的问题:我明白了。谢谢您有文档的链接吗?您可以找到一些信息,而不是
    放置需要道具的自定义组件?如果是这样的话,一个人应该如何通过道具?是的,这是可能的。这应该回答您的问题: