Vue.js · Concept
Slots
Slots let a parent pass template content into a child component. The child renders it with a slot outlet and can support fallback content, named slots, and slot props.
Last updated
Syntax
<slot />
<slot name="header" />
<template #header>...</template>
<template #item="{ value }">...</template>In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.
SubscribeRelated
<slot>v-slot$slotsNamed SlotsScoped SlotsDynamic Slot NamesRenderless Components