插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。
- 插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制
插槽的应用场景: 在项目中有多个页面用到同一组件,但需要展示的东西是不一样的,也就是说子组件的内容是不固定的,这个时侯需要在子组件中<slot></slot> 占坑,父组件需要展示什么,就往坑里加什么。
默认(匿名)插槽
没有名字的插槽叫做默认(匿名)插槽。
具名插槽
作用域插槽: