Vue.js Vuejs嵌套的foreach循环不工作

我有下面的HTML

<div id="app">
  <p>{{ message }}</p>
  <span v-for="word in words">
      {{word.name}} <br/>
      {{word.id}} <br/>
    <span v-for="mark in marks">
          {{mark}} 
    </span>
    <br/>
  </span>
</div>

---

我没有得到预期的分数值

它应该如下所示，因为

mark

是

word

中的一个元素：

<div id="app">
  <p>{{ message }}</p>
  <span v-for="word in words">
      {{word.name}} <br/>
      {{word.id}} <br/>
    <span v-for="mark in word.marks">
          {{mark}} 
    </span>
    <br/>
  </span>
</div>

{{message}}

{{word.name}}

{{word.id}}

{{mark}}

它应该如下所示，因为

标记

是

单词

中的一个元素：

<div id="app">
  <p>{{ message }}</p>
  <span v-for="word in words">
      {{word.name}} <br/>
      {{word.id}} <br/>
    <span v-for="mark in word.marks">
          {{mark}} 
    </span>
    <br/>
  </span>
</div>

{{message}}

{{word.name}}

{{word.id}}

{{mark}}