看不到语法错误，正在JSfiddle工作

Question

这是一个简单的分支，来自一个小小的演示，https://vuejs.org/v2/examples/commits.html 并且正在https://jsfiddle.net/gj1bryna/

运行（！）

<li>块被简化为

<li v-for="record in xx">
  <a :href="record.html_url" target="_blank" class="commit">{{ record.sha }}</a>
</li>

at代码已将commits重命名为xx并删除了过滤器。

但是当在一个页面中加入所有内容时... 它不在此临时页面 （暂时，现在正在编辑以显示差异）

加载控制台时显示＆＃34; ReferenceError：xx未定义＆＃34; eror。

修改

差异在于：

  data: {
    branches: ['oficial.ls', 'oficial.ls_summary'],
    currentBranch: 'oficial.ls_summary',
    commits: null
  },

（我此处未将commits重命名为xx，抱歉）

PS：这是一个典型的例子，错误信息对于真正的问题并不那么明显......而且程序员正在想象一个序列（存在初始化的地方），而真正的执行是其他序列。

Answer 1

所以？ xx是undefined。你为什么要取代commits？

如果你真的想拥有不同的名字，那么也要从data选项重命名该属性：

//So, you should have
data() {
  return {
    xx: [] // commits renamed or say xx is initialized
  }
}