Component scope in Vue.js
<p>I have been learning Vue.js recently and struggling to understand the concept of <a href="http://vuejs.org/guide/components.html#Local_Registration" rel="nofollow">component scope</a>.</p>

<p>From what I have understood from the example on the documentation, the child component will only work inside of a parent component. </p>

<pre><code>  &lt;parent-component&gt;
    &lt;my-component&gt;&lt;/my-component&gt;
  &lt;/parent-component&gt;
</code></pre>

<p>However, I am unable to achieve this result. Can someone please enlighten me where I am going wrong? </p>

<p>Here's <a href="https://jsfiddle.net/y28nL2dy/" rel="nofollow">my fiddle</a> for you to play.</p>