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的一部分。