Vue.js: What is the difference between slots and scoped slots?

1<!-- Parent -->
2<Card>
3  <p>Content</p>
4</Card>
5
6<!-- Child -->
7<template>
8  <div class="card"><slot /></div>
9</template>

1<!-- Parent -->
2<List :items="items">
3  <template #default="{ item }">
4    <span>{{ item.name }}</span>
5  </template>
6</List>
7
8<!-- Child -->
9<template>
10  <div v-for="item in items" :key="item.id">
11    <slot :item="item" />
12  </div>
13</template>