子組件的this.$scopedSlots读取的是啥

在Vue.js中，`this.$scopedSlots` 是一个特殊属性，它允许你在组件模板内部直接访问当前组件实例的具名插槽（named slots）。具名插槽是一种特殊的slot，可以给它们指定一个名字，然后在需要的地方通过这个名字引用它们。当你在模板上使用 `v-slot` 或者 `<slot>` 组件并指定了名字，`this.$scopedSlots` 就会存储那些命名的插槽内容。

例如：

<template>
  <div>
    <slot name="customSlot">默认值</slot>
    <p v-for="(content, slotName) in $scopedSlots" :key="slotName">{{ content }}</p>
  </div>
</template>

<script>
export default {
  //...
  methods: {
    handleCustomSlot(slotContent) {
      this.$scopedSlots.customSlot = slotContent; // 设置具名插槽的内容
    }
  }
}
</script>

在这个例子中，`handleCustomSlot` 方法可以把外部传入的内容设置到`customSlot`这个具名插槽中，然后`$scopedSlots`对象就能获取到这个内容。如果在外部有如下引用：

<parent-component>
  <child-component>
    <template #customSlot>这是自定义内容</template>
  </child-component>
</parent-component>

那么`this.$scopedSlots.customSlot`就会包含“这是自定义内容”。