title: How to load a component from a variable name in Vue.js?
body: <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>