vue3：兄弟slot插槽变子插槽

Question

<A>
    <B #b={bValue}>{{bValue}}</B>
    <A-item></A-item>
    <A-item></A-item>
    <A-item></A-item>
</A>

Aitem:

<template>
   // todo 这里要展示<B></B>,且传了bValue出去
   ...
</template>

所以Aitem该如何接收B且给其传参呢

Answer 1

首先在A里拿到slot，比如bSlot=this.$slots.b //此时bSlot是个function
然后传给AItem
在AItem中，使用bSlot（{XXX}）渲染和传参即可