在 Vue 中，slot 插槽是什么？它主要解决哪些问题，有哪些使用场景？

回答思路

1. 【回答框架 1】slot 是 Vue 提供的内容分发机制，允许父组件向子组件模板中插入自定义内容，实现组件复用与灵活布局。
2. 【回答框架 2】主要有三种类型：默认插槽（匿名插槽）、具名插槽（通过 name 属性定义，父组件用 v-slot:name 指定）、作用域插槽（子组件向父组件传递数据，父组件通过 slot-scope 或 v-slot 接收）。
3. 【回答框架 3】核心作用是提高组件复用性，使组件外壳和内部内容解耦，支持更灵活的组件组合和布局控制。
4. 【回答框架 4】在 Vue 2.6+ 中推荐使用 v-slot 语法，替代旧的 slot 和 slot-scope 特性；Vue 3 中继续沿用并支持简写 #。
5. 【关键点 1】slot 是内容分发 API，实现父组件向子组件注入内容。
6. 【关键点 2】具名插槽支持多个内容区域，作用域插槽允许父组件访问子组件数据。
7. 【关键点 3】v-slot 是标准语法，默认插槽可省略参数，具名插槽使用 #。
8. 【易错点 1】不要混淆默认插槽和具名插槽，默认插槽名是 default。
9. 【易错点 2】作用域插槽仅在子组件模板内可访问传递的数据，父组件模板中不能直接使用。