title: Inject or Initialize Vue components in generated HTML
body: <p>I use a an <a href="https://alex-d.github.io/Trumbowyg/" rel="nofollow noreferrer">WYSIWYG article editor</a> that generates some HTML for articles that I save in the database and later show to the user.</p>
  
  <p>The problem is I need to insert Vue components into this auto generated HTML for showing dynamic products. I can make a custom block in the editor that adds in HTML but I want it to work as a Vue component that updates the product description directly from the database.</p>
  
  <p>What Im thinking now is to add a button that adds a div with a data property of the products ID. I can then replace that div in the code with a Vue component with the same ID by injecting a component.</p>
  
  <p>Another idea I had was to simply add in components like <code>&lt;product id="1031"/&gt;</code> as plain html and then try to compile the whole article HTML with Vue but I read that the <code>v-html</code> directive only compile code as plain HTML.</p>
  
  <p>Is this possible? Or is there any better ideas?</p>