为什么插槽位于包装器之外（例如v-tooltip）

Question

我尝试执行自定义工具提示元素，例如，我查看了v-tooltip的工作方式 （https://codepen.io/anon/pen/EzrzyN）

如果您查看DOM

<div data-app="true" class="application theme--light" id="inspire">
    <div class="v-tooltip__content" style="left: 0px; opacity: 0; top: 12px; z-index: 0; display: none;">
        <span>Tooltip</span></div>
    <div class="application--wrap">
        <div class="text-xs-center d-flex align-center">
            <button type="button" class="v-btn theme--dark primary">
                <div class="v-btn__content">Button</div>
            </button>
    </div>
</div>

然后您可以看到包装盒与激活器插槽位于不同的位置

我该如何重复？