Using Vue Named Slots to Create Multiple Template Slots

Passing through slots in Vue vue 3 named slots To use named scoped slots we need to name the slots inside the component with the 'name' attribute And to receive data from a named slot we need to refer to vue 3 named slots When a component accepts both a default slot and named slots, all top-level In the example below we define a Card component with three conditional slots:

vue3 slot Default Slots# The unnamed slot we used in the previous lesson is called the default slot, but we can have multiple slots by using named slots 3 header