Vuejsネストされたforeachループ

Question

を働いていない私は、私は以下のスクリプト

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

    ] 
    } 

}) 

予想通り、私はマークの値を取得していないですがあり

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

以下のHTMLを持っています。

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>