If statement Vue.js，如果视图中有其他内容

是否可能有一个if/else语句，它不会在类似于knockout的视图中呈现任何html：

<!-- ko if: someExpressionGoesHere -->

但它需要在一个元素上

是的，但如果

v-if

conditional为false，则不会将其添加到DOM树中

HTML

JavaScript

new Vue({
    el: "#main",
    template: '<div v-if="name"><span v-text="name"></span></div>',
    data: {
//        name: "bob"
    } 
});

console.log(document.body.innerHTML);
// <div id="main"><!--vue-if--></div>

newvue({
el:“主要”，
模板：“”，
数据：{
//姓名：“鲍勃”
} 
});
log（document.body.innerHTML）；
// 

---

还是对你不好？

我知道这个问题已经得到了回答，但我想我会传递一些我使用的东西，现在我正在用Vue（我很喜欢）编写网站。我是击倒的粉丝，有很多网站都是用以下方法编写的：

<!-- ko if: someExpressionGoesHere -->

您可以在Vue中执行类似的操作，如下所示：

<template v-if="someExpressionGoesHere">
  <p>Expression is True</p>
</template>
<template v-else>
  <p>Expression is False</p>
</template>

表达是真实的

表达是错误的

模板

s不会向页面呈现任何内容。生成的html将是“Expression is xxx”的单个

p

---

我认为这段代码的意图比这篇文章的实际答案更清楚。

你也可以用这种方式在vue.js中编写if-else条件

<template>
  <div id="app">
    <p v-if="someConditionHere">Condition True</p>
    <p v-else>Condition False</p>
  </div>
</template>

条件为真
条件错误

这感觉像是人们想要的最常见的用例示例

<template>
  <div id="app">
    <p v-if="someConditionHere">Condition True</p>
    <p v-else>Condition False</p>
  </div>
</template>