Vue 2.6.0 - 如何使用新的插槽语法将插槽内容呈现到子组件的命名插槽

Question

要理解我的问题，请查看以下伪代码：

<my-tooltip-wrapper>
  <some-slot-content />
</my-tooltip-wrapper

MyTooltipWrapper 包含来自包的TooltipComponent。但是，这需要另一个插槽来显示我的<some-slot-content />

要查看使用旧语法的this as an example，请查看并尝试使用新语法。

在插槽语法更改之前，我可以像这样使用它：

//inside of MyTooltipWrapper
<tooltip-component>
   <slot
      name="reference"
      slot="reference"
   />
</tooltip-component>

但是，您将如何将其更改为新语法？我试过了，但没有用：

<template #reference>
  <slot
    name="reference"
  />
</template>

Answer 1

https://jsfiddle.net/a8q09cfh/

<slot-owner>
  <template v-slot:reference>
      Hello world
  </template>
</slot-owner>


Vue.component('slot-owner', {
  template: `
     <div>
        <slot name="reference" />
     </div>
  `
});

Answer 2

有人问过类似问题here

它已被最新的commit修复