如何从Vue的插槽中获取HTML？

Question

如何从Vue的插槽中获取HTML？

<template>
    <div>
        <slot></slot>
        <pre>{{ code }}</pre>
    </div>
</template>

我想从<slot></slot>获取html，并在<pre></pre>

中显示

目前我已尝试过这样做

mounted: function () {
  this.code = document.getElementById("demo-" + this.title).innerHTML;
}

但是在webpack之后获取代码并且这不是我想要的。我只想要放入的代码。

<Demo>
  <h1>This is a header</h1>
</Demo>

应该变成

<div>
  <h1>This is a header</h1>
  <pre>&lt;h1&gt;This is a header&lt;/h1&gt;</pre>
</div>