作用域插槽：是插槽的一个传参语法

作用域插槽（Scoped Slots）是一种特殊类型的插槽，它可以让父组件向子组件中的插槽传递数据，使得插槽内的内容可以在子组件中使用外部数据。作用域插槽不仅可以传递数据，还可以让子组件向父组件传递数据。

作用域插槽的语法格式如下：

<slot name="slotName" :data="slotData">
  fallback content
</slot>

其中，`:data="slotData"`表示向插槽中传递数据，`slotData`为父组件中的数据；`fallback content`为插槽的默认内容，如果父组件没有向插槽中传递数据，则会显示默认内容。

下面是一个示例，展示了作用域插槽的使用：

<!-- 父组件 -->
<template>
  <div>
    <child>
      <template v-slot:default="slotProps">
        {{ slotProps.message }} {{ message }}
      </template>
    </child>
  </div>
</template>

<script>
import Child from './Child.vue'

export default {
  components: {
    Child
  },
  data() {
    return {
      message: 'from parent'
    }
  }
}
</script>


<!-- 子组件 -->
<template>
  <div>
    <slot :message="slotMessage">
      child content
    </slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      slotMessage: 'from child'
    }
  }
}
</script>

在上面的例子中，父组件向作用域插槽中传递了 `message` 数据，子组件通过 `slotProps` 参数接收该数据，并在插槽内使用。同时，子组件向父组件中传递了 `slotMessage` 数据，父组件可以在子组件中使用外部数据。