[슬롯] 템플릿 조각을 전달

Vue.js

 

<script setup>
import { ref } from 'vue'
import ChildComp from './ChildComp.vue'

const msg = ref('Vue는 개발자에게 정말 유용하죠! 🎁')
</script>

<template>
  <ChildComp>부모로부터: {{ msg }}</ChildComp>
</template>

<template>
  <slot>대체: 부모로부터 컨텐츠를 못 받았어요! 😢</slot>
</template>

부모 컴포넌트는 자식에게 props를 사용하여 데이터를 전달하는 것 외에도, 슬롯을 사용하여 템플릿 조각을 전달할 수 있습니다: