不将IF绑定到Vue中的任何元素

Question

这有效：

{{#if name}}
    Hi there, <span>{{ name }}</span>
{{/if}}

...但是它迫使我在整个文本中使用span，我只想在名称变量上使用它。例如，我可以做手把：

{{1}}

Answer 1

你可以use a template for that。

  

我们可以在v-if元素上使用<template>，该元素用作隐身元素   包装。最终呈现的结果将不包括<template>   元件。

例如：

<template v-if="name">
  Hi there, <span>{{ name }}</span>
</template>