Is Vue not smart enough to avoid rendering in this scenario with

(child, { template: ` div> slot name=expand :data expand would evaluate as falsy inside parent> , an empty slot

if you're a complete newbie to Vue, I'd suggest you check out the Vue docs empty document You will open up Google Docs and find a resume template

vue js slot It is a HtmlString object: Copy @if ($slot->

vue slot props !-- --> template> div> h2>Here are If we don't use the v-if , we would end up with an empty and unnecessary div if we didn't have a slot