Use Slots The Right Way SLOTS TUTORIAL WITH VUE 3

29 Named Slots in Vue Naming the slots using v-slot vue vslot Vue v-slot We need the v-slot directive to refer to named slots Named slots allow for more control over where the content is placed within the child vue check if slot is empty How to get slot details with the $slot instance variable Vue provides us with the special $slot instance variable that contains more information about the slot

vue jsx slot # Slot Content Vue implements a content distribution API inspired by the Web Components spec draft , using the slot> element