v-slot — named slots. Slot props — data to parent.
Named slots:
1<!-- Parent -->2<Card>3 <template #header>Title</template>4 <template #default>Content</template>5</Card>
Slot props:
1<!-- Child -->2<slot name="item" :item="item" :index="index" />34<!-- Parent -->5<template #item="{ item, index }">6 <span>{{ index }}: {{ item.name }}</span>7</template>
Key: v-slot for names, slot props for data.