vue插槽 Slots

创始人

2024-05-24 10:46:13

0次

一、插槽是什么？

插槽就是子组件中的提供给父组件使用的一个占位符，用表示,
父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。
简单理解就是子组件中留下个“坑”，父组件可以使用指定内容来补“坑”。

二、匿名插槽

在这里插入图片描述

三、具名插槽

3.1、基础用法

绑定在元素上的attribute被称为插槽prop

这类带 name 的插槽被称为具名插槽 (named slots)。没有提供 name 的出口会隐式地命名为“default”。
要为具名插槽传入内容，我们需要使用一个含 v-slot 指令的