title: How to bind whole component in Vue.js?
body: <p>I just want to ask how to bind whole component (for example div) in Vue.js. Is there anything like innerHTML? Here is example:
  Parent.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="parent"&gt;
     //some elements
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Child.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="child"&gt;
     //some different elements
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Now how to innerHTML child in parent? I've tried something like <code>v-html:component</code> and then <code>data(){ return{ component:</code> and here I dont know how to pass whole vue Component like Child.vue div. Should I use refs or something?</p>
  
  <p>Now I use visibility attribute from css and I change it but I don't think that is good way to do this.</p>