How to load a component from a variable name in Vue.js? : <p>I want to load a component from a dynamic variable name in my vue.js application.</p>

<p>I have the following component registered:</p>

<pre><code>&lt;template id="goal"&gt;
  &lt;h1&gt;Goal:{{data.text}}&lt;/h1&gt;
&lt;/template&gt;
</code></pre>

<p>Instead of loading it like this</p>

<pre><code>&lt;goal&gt;&lt;/goal&gt;
</code></pre>

<p>I want to load from a variable name, something like this:</p>

<pre><code>&lt;{{mytemplate.type}}&gt;&lt;/{{mytemplate.type}}&gt;
</code></pre>

<p>Where, of course, mytemplate.type would be, in this case equal to "goal"</p>
