VueJs条件车把

Question

我正在尝试根据其文档在vueJs 2.0中使用车把使用VueJs条件渲染，但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一起使用Handlebars，请注意，它们{{在模板中都使用相同的花括号。您可能需要像这样更改Vue对花括号的使用...

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