Javascript Vue.js中的条件逻辑

是否有任何方法可以将条件逻辑添加到Vue.js中的字符串模板中？这是我尝试过的，但是编译失败了

<div v-for="foo in foos">
    {{#if foo.bar === 1}}
        {{foo.name}}
    {{/if}}
</div>

{{{#如果foo.bar==1}
{{foo.name}
{{/if}

您必须使用

v-if

指令

v-if是“真实”条件渲染，因为它确保事件 条件块中的侦听器和子组件是 在切换过程中正确销毁和重新创建

{{item.message}

使用

v-if=“foo.bar===1”

太棒了，我不知道你能这样组合它们！谢谢：）

<div v-for="foo in foos" v-if="foo.bar===1">
    {{foo.name}}
</div>