千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

插槽（Slot）是 vue 为组件的封装者提供的功能，允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。

可以把插槽认为是组件封装期间，为用户预留的内容的占位符，在组件的使用者使用该组件时可以为插槽指定填充的内容。

使用 v-slot 指令指定元素放在哪个插槽中，必须配合<template> 元素，且一个<template> 元素只能对应一个预留的插槽，即不能多个<template> 元素都使用 v-slot 指令指定相同的插槽。

在封装组件的过程中，可以为预留的<slot> 插槽绑定 props 数据，这种带有 props 数据的<slot> 叫做“作用域插槽”。

作用域插槽，要显示的数据已经在组件中，以什么样的样式显示数据(用什么标签和标签的样式)，可以由组件的使用者进行指定。

获取插槽绑定 props 数据的方法：

1.scope="接收的变量名"：<template scope="接收的变量名">

2.slot-scope="接收的变量名"：<template slot-scope="接收的变量名">

3.v-slot:插槽名="接收的变量名"：<template v-slot:插槽名="接收的变量名">