Vue中插槽的使用

插槽是什么？

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

1、默认插槽

在父组件中：

在子组件中：

2、具名插槽

在父组件中：

在子组件中：

3、作用域插槽

在父组件中：

在子组件中：