title: How show raw html with slot in component vuejs
body: <pre><code>&lt;template slot="content"&gt;
     &lt;form-label class="align-left"&gt;パスワードの再設定を行います。&lt;/form-label&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>How can i show <code>&lt;form-label class="align-left"&gt;パスワードの再設定を行います。&lt;/form-label&gt;</code> as text for slot in component in Vuejs?</p>
  
  <pre><code>Vue.component("raw-text", {
      template: `&lt;div&gt;
                   &lt;span ref="source"&gt;&lt;slot&gt;&lt;/slot&gt;&lt;/span&gt;
                  &lt;/div&gt;`,
      mounted: function() {
           this.$el.innerText = this.$refs.source.innerHTML;
       }});
  </code></pre>
  
  <p>I've tried this, but $refs.source.innerHTML is compiled source which i'm not expect that.</p>
  
  <p>i expect the output as:
   <code>&lt;form-label class="align-left"&gt;パスワードの再設定を行います。&lt;/form-label&gt;</code>
   but the actual is <code>&lt;div class="align-left nts-label"&gt;&lt;label&gt;&lt;!----&gt; パスワードの再設定を行います。&lt;/label&gt;&lt;/div&gt;</code></p>