Is it possible to reuse slots in vue components?

Question

Vue.js

There is a component responsible for the header, I pass the menu to it via <slot name="menu"></slot>.
I need this slot in two places, in the main header of the site, and in the fixed-header (it appears when the user scrolls down the site).
Vue.js throws an error during bottom manipulation, but does not crash, the site works fine!

Duplicate presence of slot "menu" found in the same render tree - this will likely cause render errors.

As far as I understand from the phrase "this will likely cause render errors", this is no longer an error, but a very important warning.
So, how important is this warning?
Is it possible to duplicate slots? Maybe it needs to be done differently? (I did not find anything about this in the documentation)
Has anyone already done this?

Answer 1

You can use render functions .

{
  components: {
    Render: {
      functional: true,
      render: (h, ctx) => ctx.props.vnode
    }
  }
}

<div class="header">
  <render :vnode="$slots.menu"></render>
</div>
<div class="fixed-header">
  <render :vnode="$slots.menu"></render>
</div>

https://en.vuejs.org/v2/guide/render-function.html...
https://en.vuejs.org/v2/guide/render-function.html...
https://en. vuejs.org/v2/api/#vm-slots