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

1<!-- Child -->
2<template>
3    <div>
4        <slot></slot>
5    </div>
6</template>
7
8<!-- Parent -->
9<Child>
10    <p>Content here</p>
11</Child>

1<!-- Child -->
2<template>
3    <slot :item="item" :count="count"></slot>
4</template>
5
6<!-- Parent -->
7<Child v-slot="{ item, count }">
8    {{ item.name }} - {{ count }}
9</Child>