기록이 힘이다.

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

Vue

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

dev22 2024. 1. 30. 21:17
728x90
 

Vue.js

Vue.js - The Progressive JavaScript Framework

vuejs.org

 

<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를 사용하여 데이터를 전달하는 것 외에도, 슬롯을 사용하여 템플릿 조각을 전달할 수 있습니다:

'Vue' 카테고리의 다른 글

백엔드와 협업 중 NullPointerException 발견 - Vue 초기값 설정  (0) 2024.03.05
Vue JS returning [Object object] on console.log and Undefined on JSON.parse / agGrid param [Object object]  (1) 2024.02.28
[Emits] 자식 컴포넌트는 부모로부터 이벤트를 발송할 수 있다.  (0) 2024.01.30
[Props] 자식 컴포넌트는 props를 통해 부모로부터 데이터를 받을 수 있습니다.  (0) 2024.01.30
[감시자] 때때로 우리는 반응형 "사이드 이펙트"를 수행  (0) 2024.01.30
'Vue' Related Articles more