javascript - VueJs 条件 Handlebars

Question

我正在尝试根据 their documentation 在 vueJs 2.0 中使用 Handlebars 来使用 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>

如果像您提到的那样，您想将 Handlebars 与 Vue.js 一起使用，请注意它们在模板中使用相同的 {{ 大括号。您可能需要像这样更改 Vue 对大括号的使用...

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