title: Render HTML retrieved by axiom with Vue
body: <p>In my Vue app, I have an ajax call to retrieve some HTML:</p>
  <pre><code>axios({
        method: 'GET',
        url: '/html-example'
  })
  .then(response =&gt; {
     this.htmlForm = response.data;
  })
  </code></pre>
  <p>The HTML looks like this <code>&lt;h1&gt;&lt;test&gt;&lt;/test&gt;&lt;/h1&gt;</code> where <code>test</code> is a component that I have already registered in Vue.</p>
  <p>The HTML is shown through a div:</p>
  <pre><code>&lt;div v-html=&quot;htmlForm&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>However the component <code>&lt;test&gt;&lt;/test&gt;</code> is not rendered.</p>
  <p>How can I render the HTML that I received through ajax?</p>
  <h1>My research:</h1>
  <ul>
  <li><p>I have been reading about <a href="https://v2.vuejs.org/v2/guide/components-dynamic-async.html" rel="nofollow noreferrer">async components</a> but as far as I understand this is only to code-split your application and to actually only load the component if it is used. However, I have already registered the component in Vue, I just need to render the HTML with VUE.</p>
  </li>
  <li><p>I found a similar question <a href="https://stackoverflow.com/questions/40695546/vue-2-render-components-from-an-ajax-response">here</a>, however, there is only one answer suggesting to use async componotes, but that does not rerender anything.</p>
  </li>
  </ul>