slot

Slot — это механизм, позволяющий передавать и вставлять контент (HTML, компоненты, текст) в определённые места внутри компонента.

1
2
3
4
5
6
7
8
9
10
11
//App.vue<script setup>import Comp from './Comp.vue'</script> <template> <Comp> <template #default>default</template> <template #header>header</template> </Comp><template>
1
2
3
4
5
6
7
8
9
//Comp.vue<template> <div> <slot name="header"/> <div> <slot /> </div> </div></template>