什么是插槽

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

插槽基础用法

父组件

<template>
  <div>
    <Child> 发生了一些事情<small>（这里是传递到插槽中的数据）</small>。 </Child>
  </div>
</template>

<script>
import Child from "../components/Child";

export default {
  components: { Child },
};
</script>

子组件

<template>
  <div>
    <h2>错误</h2>

    <!...