vue系列之 插槽(Slot) 详解

插槽在vue中是一种很常见的写法，让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式。一共有三种分类：默认插槽、具名插槽、作用域插槽，下面一一结合案例详细说明。原创不易，需要的小伙伴 收藏+关注 哦~

目录

一、插槽-默认插槽

1.作用

2.需求场景

3.插槽的基本语法

4.代码示例

二、插槽-默认插槽设置默认值

1.问题

2.插槽的后备内容

3.语法

4.效果

三、插槽-具名插槽

1.需求

2.具名插槽语法

3.v-slot的简写

四、作用域插槽

1.插槽分类

2.作用

3.场景

4.使用步骤

5.代码示例

一、插槽-默认插槽

1.作用

让组件内部的一些 结构 支持 自定义

2.需求场景

将需要多次显示的对话框,封装成一个组件，同时，组件的内容部分，不希望写