title: Vue $refs and kebab case
body: <p>In vue 1 it was possible to do this: </p>
  
  <pre><code>&lt;app v-ref:test-app&gt;&lt;/app&gt;
  </code></pre>
  
  <p>and then reference it like so: </p>
  
  <pre><code>vm.$refs.testApp;
  </code></pre>
  
  <p>however in vue 2 the syntax for the ref has changed to:</p>
  
  <pre><code>&lt;app ref="test-app"&gt;&lt;/app&gt;
  </code></pre>
  
  <p>but this no longer can be referenced by </p>
  
  <pre><code>vm.$refs.testApp
  </code></pre>
  
  <p>instead it only works if:</p>
  
  <pre><code>&lt;app ref="testApp"&gt;&lt;/app&gt; 
  </code></pre>
  
  <p>which in standard DOM stuff isn't allowed. Is it a bug? can kebab case no longer be used? </p>