principle： How to pass the slot content of the parent component to the child component?

[lixiaofa]

How to pass the slot content of the parent component to the child component?
The transfer process was not found.

[chenxch]

Write the slot of the parent component to the child component.

// parent.vue
<template>
    <Children>
     <template #xxx><slot></slot></template>
   </Children>
</template>

I think this can be understood with hands-on practice.
demo

[lixiaofa]

Write the slot of the parent component to the child component.

// parent.vue
<template>
    <Children>
     <template #xxx><slot></slot></template>
   </Children>
</template>

I think this can be understood with hands-on practice. demo

I don't understand how to use it, I don't understand its principles. In the source code, which step did the parent component pass the slot content to the child component? I want to know how it was passed.
@chenxch

[chenxch]

import { getCurrentInstance } from 'vue'
const instance = getCurrentInstance()
console.log(instance.slots)