title: Vue.js access value of key
body: <p>Trying to access the value of the key with Vue.js which is new for me. I want to use the key as the id and access the title with <code>key.title</code> or something similar if possible. Here is the code I am trying:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>  &lt;ul id="all"&gt;
      &lt;li v-for="(song,key) in songs" :class="{ active: song.isActive }" v-bind:id="key"&gt;
        {{ key.title }} //Hound Dog
      &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>var vm = new Vue({
    el: '#all',
    data: {
      songs: [
        a:{
          title:'Hound Dog',
          lyrics:'You aint nothing but a hound dog, crying all the time',
          isActive: true 
        },
        b:{
          title:'Long Gone',
          lyrics:'I am long gone today',
          isActive: false
        } 
      ]    
    }
  })
  </code></pre>