Как данные для именованных слотов вынести в отдельный модуль?

Question

[jazzus]

Если я вставлю данные для именованных слотов в компонент то все работает.

<template>
<span>
<template v-slot:top>
 top content
</template>

<template v-slot:buttons>
 buttons
</template>

<template v-slot:footer>
 footer content
</template>
</span>
</template>

теперь если я вынесу часть данных в новый компонент

<template>
<span>
<slots>
</slots>

<template v-slot:footer>
 footer content
</template>
</span>
</template>

то не работает. can only appear at the root level inside the receiving component
Есть ли способ вынести эти данные для двух слотов в отдельную часть? Нужно для использования в других компонентах и не дублирования кода и, чтобы не нужно было выносить содержание слотов в компоненты. Т.е. для быстроты и простоты.

Answer 1

[Alex]

Нет. Слот — это часть текущего компонента. Но вы можете вынести не сами слоты, но их содержимое

<template>
  <span>
    <template v-slot:top>
      <top-content />
    </template>

    <template v-slot:buttons>
      <buttons />
    </template>

    <template v-slot:footer>
      footer content
    </template>
  </span>
</template>