VueJs条件车把

Question

我试图使用通过车把VueJs条件呈现在vueJs 2.0按their documentation但eslint与和错误回来：

- avoid using JavaScript keyword as property name: "if" in expression {{#if ok}} 
- avoid using JavaScript keyword as property name: "if" in expression {{/if}} 

VueJs似乎并没有被渲染它。

<!-- Handlebars template --> 
{{#if ok}} 
    <h1>Yes</h1> 
{{/if}} 

Answer 1

如果您正在尝试使用Vue.js语法，那么文档只会列出Vue.js的所有内容。你会使用v-if指令。

<h1 v-if="ok">Yes</h1> 

如果像你所说，你想用把手一起Vue.js，请注意，他们都使用相同的{{花括号中的模板。您可能需要更改Vue使用大括号这样的...

Vue.config.delimiters = ['<%', '%>']; 

Answer 2

我认为，仅仅是记录的，将条件不下去父标签，而是直接放在要有条件地显示的节点上。

换句话说，它只是一个比较而不是Vue.js标记的一部分，而是Handlebars的一部分。