vue 3 pass slot to child - Vue Slots | An In-Depth Guide to Vue Slots 2023 club slot 888

However, to ensure that the content we provide in the parent doesn’t override the wrong slot in the child, Vue requires us to name each slot element.

In Vue 3, you can pass functions as props to child components in a similar way to passing any other data.

We name slots by adding slot="name" to the property in the parent component we want to pass to the child component. We call the named slot in our child component by adding <slot name="name"></slot> to the position where we want our slot to be called.