title: Vue.Js how to get value of prop attribute with id
body: <p>I've been stuck on this for a while now and i'm not sure what to Google to find a solution and through the vuejs docs but can't find anything usefull.</p>
  
  <p>Basicly I have a app with a few props. One of them is 'soundpacks'. This prop is setup this way in my app.js:</p>
  
  <pre><code>soundpacks: [
      { 
          title: 'Techno soundpack',
          tempo: 130,
          genre_id: 1,
          teacher_id: 1
      },
      { 
          title: 'Deep House soundpack',
          tempo: 123,
          genre_id: 2,
          teacher_id: 2
      }
  ]
  </code></pre>
  
  <p>As you can see I have declared a genre_id in here. I have another prop declared like this:</p>
  
  <pre><code>genres: [
      {
          id: 1,
          label: 'Techno'
      }, 
      {
          id: 2,
          label: 'Deep House'
      }
  ]
  </code></pre>
  
  <p>My problem is as follows. On my front-page I want to display all the soundpacks in a div which I do with a v-for. This is working but in this div I want to display the name of the genre that is linked to the soundpack through the genre_id. I have no clue on how to get this label value to display in this v-for and i'm hoping anybody can give me a push in the good direction. I'm new to Vue.Js thats why I'm asking what looks to be a very simple problem.</p>
  
  <p>Any help is appreciated.</p>
  
  <p>Thank you!</p>