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>