因为新接触的项目中使用到了插槽的概念,记录一下学习过程
1. 插槽是什么
- 插槽就是子组件中的提供给父组件使用的一个占位符，用
<slot></slot>表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。 - 插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制。
- 简单理解就是子组件中留下个“坑”，父组件可以使用指定内容来补“坑”。
- 让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件向子组件传
- 个人觉得有点像 react router6里面的outlet
