Slots vs Props in UI components

{{ }}Child> 3template> The following graphic illustrates the process of passing props from the child to the parent

In this example, we've chosen to name the object containing all our slot props slotProps , but you can use any name you like Vue 3 Named Slots with

vue 3 slot props When Vue 0 was released, Vue introduced a new unified When we bind attributes to a slot> element they are called slot props

vue 3 check if slot has content If a slot is a scoped slot, arguments passed to the slot functions are available to the slot as its slot props 3 h3>My Footer Heading