vue 3 pass slot to child

Scoped slots are more versatile, allowing the child component to pass data (the scope) to the slot content using the v-slot directive.

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.

This post will show you how to pass data from a parent component child components in Vue.js using Vue slots. ... When Vue version 2.6 was released, it shipped ...