Vue $refs and kebab case
<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>