title: vuejs2 remove html node from slot
body: <p>With the following code:</p>
  
  <pre><code>    &lt;div id="app"&gt;
          &lt;compo1&gt;
              &lt;div slot="firstname"&gt;test&lt;/div&gt;
          &lt;/compo1&gt;
      &lt;/div&gt;
  
  new Vue({
      el: '#app',
      components: {
          'compo1':  {
                  template: '&lt;div&gt;&lt;div&gt;Custom Text&lt;/div&gt;&lt;slot name="firstname"&gt;&lt;/slot&gt;&lt;/div&gt;'
              }
      }
  });
  </code></pre>
  
  <p>my components will be rendered like hereunder:</p>
  
  <pre><code>&lt;div&gt;&lt;div&gt;Custom Text&lt;/div&gt;&lt;div&gt;test&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But instead of that I would like to generate this:</p>
  
  <pre><code>&lt;div&gt;&lt;div&gt;Custom Text&lt;/div&gt;test&lt;/div&gt;
  </code></pre>
  
  <p>So it's the same code but here, the "div slot" is removed...</p>