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