v-slot

up:: Vue Slots

Warning

When using slots, the ‘normal rules’ of component styling and props still apply. It doesn’t get forwarded. All props and styles stay within the component.

Named Slots

<template>
   <slot name='header'></slot>
</template>

Unnamed slots are always the default. Or, use v-slot:default

 <template>
	<base-card>
		<template v-slot:header>
			… html content …
		</template>
	</base-card>
</template>

The inner template here is a built-in html components that Vue piggybacks on.

Shorthand: #