title: Prop in template not showing with VueJS
body: <p>I've been trying to pass a prop in a component's template.
  I think I'm missing some points here, and I didn't start to include my components in single files yet.</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>Vue.component('chat-response', {
      props: ['response', 'senderClass'],
      template: '&lt;div&gt;From {{ senderClass }} : {{ response.text }}&lt;/div&gt;'
  })
  
  var app = new Vue({
      el: '#app_chat',
      data: {
          responseList: [
              { id: 0, text: 'Response 1', type: 'Owner' },
              { id: 1, text: 'Response 2', type: 'Other' },
              { id: 2, text: 'Response 3', type: 'None' }
          ]
      }
  })
  </code></pre>
  
  <p><strong>page.html</strong></p>
  
  <pre><code>...
  &lt;chat-response v-for="response in responseList"
                                     v-bind:key="response.id"
                                     v-bind:response="response"
                                     v-bind:senderClass="response.type"&gt;&lt;/chat-response&gt;
  ...
  </code></pre>
  
  <p><strong>Output</strong> :</p>
  
  <pre><code>From : Response 1
  From : Response 2
  From : Response 3
  </code></pre>
  
  <p>As we see, senderClass won't show up. I've tried different methods and only got errors that I could understand after reading around.</p>
  
  <p>I don't wish to use <strong>response.type</strong> instead of <strong>senderClass</strong> because in the meantime, I'm setting <strong>senderClass</strong> after <strong>mounted</strong> with a real css class.</p>
  
  <p>Maybe it's my approach that's completely wrong, could you give me some hints ?</p>