javascript - 当涉及 Jekyll 时，VueJS 插值不呈现

Question

由于某些原因，VueJS 中的字符串插值没有像我预期的那样工作。

这是我的 HTML:

 <ul id='books'>
  <li v-for="row in results.rows">
   <span v-html="row.name"></span> --
   {{ row.name }}
  </li>
 </ul>

...和我的 javascript 文件...

state.elements.bookList = new Vue({
    el: '#books',
    data:{
        db:state.db,
        results:{
            offset:0,
            total_rows:0,
            rows:[
                {name:'bob'},
                {name:'joe'},
            ]
        }
    }
});

渲染时，我在列表中得到了预期的两个项目；但是插值不起作用。作为测试，我添加了 v-html 绑定(bind)，它确实呈现了预期的名称。

我做错了什么名字没有呈现？

Answer 1

大括号冲突。

如果你想让 jekyll 单独留下你的 Vue 的括号，你可以使用 raw 标签:

{% raw %}{{ row.name }}{% endraw %}