Vuejs verschachtelte foreach-Schleife nicht funktioniert

Question

Ich habe die unten 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> 

Ich habe die unten Skript

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] 
     } 

    ] 
    } 

}) 

Ich bin nicht den Wert von Marken immer wie erwartet.

Answer 1

Es sei darauf folgenden, als mark ist ein Element innerhalb 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>