文章目录
-
-
-
- 插槽（Slots）
-
- 无名插槽（默认插槽）
- 具名插槽
- `reference` 插槽
- 使用 `v-slot` 的缩写语法
插槽（Slots）
在 Vue 中，插槽（Slots）是一种组件内容分发的机制，允许你将内容从父组件传递到子组件的模板中。插槽可以有名字，这样你就可以在子组件中定义多个插槽，并且在父组件中指定哪些内容应该放入哪个插槽。
以下是一些常见的插槽用法，包括 header、footer 和 reference 插槽：
无名插槽（默认插槽）
无名插槽是最简单的插槽类型，如果没有指定插槽的名字，那么它就是默认插槽。
子组件：
<template>
<div
