title: Vuejs build/render component inside a method and output into template
body: <p>I have a string (example, because it's an object with many key/values, want to loop and append to htmloutput) with a component name. Is it possible to render/build the component inside a method and display the html output?</p>
  
  <p>Is that possible and how can i achieve that?</p>
  
  <pre class="lang-html prettyprint-override"><code>     &lt;template&gt;
           &lt;div v-html="htmloutput"&gt;&lt;/div&gt;
       &lt;/template&gt;
  
  
  &lt;script&gt;
      export default {
          component: {
              ComponentTest
          },
      data() {
              return {
                  htmloutput: ''
              }
          },
      methods:{
          makeHtml(){
              let string = 'component-test';//ComponentTest
              //render the ComponentTest directly
              this.htmloutput = ===&gt;'HERE TO RENDER/BUILD THE COMPONENTTEST'&lt;==
          }
      },
      created(){
              this.makeHtml();
      }
  &lt;/script&gt;
  </code></pre>