Support passing down slots with v-bind like in 2.x about core HOT 9 OPEN

@sqal - don't forget, VueJs 3 is still Alpha, it's far from finished and as far as I know, only contains what's needed to get it up to par with VueJs 3 (as it is a rewrite) - I'm also hoping for the implementation for this but I think we just have to wait for VueJs 3 to be finished

from core.

I fully understand that :) I was just playing with the alpha today and noticed that this feature is not implemented so I thought I'd open a new issue and maybe someone with free time who would like to contribute to vue 3 can add this feature.

from core.

@ysj16 I'm not yet fully convinced that this is the best syntax to go with. I think a proper RFC with more discussion around the use case would be needed.

from core.

How about v-slots="$slots" like jsx?
Full passthrough would just be <SomeComponent v-bind="$attrs" v-slots="$slots" />

<SomeComponent v-slots="slots">
  <template #foo>
    ...

equivalent to jsx

<SomeComponent>
  {{
    ...slots,
    foo: () => ...
  }}
</SomeComponent>

from core.

Is this feature in progress? If not, I can try. @yyx990803
@ysj16 If you have no time, I'll do it for you. hahah

from core.

Is this feature in progress? If not, I can try. @yyx990803

from core.

@JasKang Come on!!

from core.

This last one seems more "correct" than the initially proposed one

from core.

I think the JSX-style syntax mentioned at #575 (comment) would be ideal.

I regularly find myself having to do

<template v-for="(_, name) in $slots" #[name]="slotData">
    <slot :name="name" v-bind="slotData" />
</template>

to pass through slots to another component (especially when wrapping library components).

from core.