Skip to content
masterclass Buddy
Start learning

Vue.js · Directive

v-slot

v-slot provides content for a component's named or default slots. It can also receive props from a child slot, including through destructuring.

Last updated

Syntax

v-slot[:name][="slotProps"]
#name="slotProps"

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • <slot>
  • default slot
  • named slots
  • scoped slots
  • dynamic slot names
  • #

Source: Slots | Vue.js. Checked 2026-11-03.