VUE的插槽

目录

1. 什么是插槽

2. 体验插槽的基础用法

2.1 没有预留插槽的内容会被丢弃

2.2 后备内容

3. 具名插槽

3.1 为具名插槽提供内容

3.2 具名插槽的简写形式

4. 作用域插槽

4.1 使用作用域插槽

4.2 解构插槽 Prop

举例：（这里的组件将样式

---

 

1. 什么是插槽

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

可以把插槽认为是组件封装期间，为用户预留的内容的占位符。 

2. 体验插槽的基础用法

声明一个插槽区域

vue 官方规定：每一个 slot 插槽，都要有一个 name 名称

如果省略了 slot 的 name 属性，则有一个默认名称叫做 default  

在封装组件时，可以通过 <slot> 元素定义插槽，从而为用户预留内容占位符。示例代码如下：

2.1 没有预留插槽的内容会被丢弃

如果在封装组件时没有预留任何 <slot> 插槽，则用户提供的任何自定义