Vuejs嵌套foreach循环不工作

Question

我有下面的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> 

我有以下脚本

new Vue({ 
    el: '#app', 
    data: { 
    message: 'Hello Vue.js!', 
    words: [{ 
     id: 1, 
     name: "sam", 
     marks: [1, 2, 4] 
     }, { 
     id: 1, 
     name: "name", 
     marks: [1, 12, 3] 
     } 

    ] 
    } 

}) 

如预期，我没有得到商标的价值。

Answer 1

应当以下，作为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>