728x90
App
<template>
<div>
<HW mesg="Slot">
<!-- html 태그를 전달할 경우 slot을 사용 -->
<!-- slot영역 -->
<div>아름다운 밤</div>
<!-- slot영역 끝 -->
</HW>
</div>
</template>
<script>
import HW from './components/HW.vue'
export default {
components:{
HW,
}
}
</script>
<style>
</style>
HW
<template>
<div>
<h1>{{ mesg }}</h1>
<slot></slot>
</div>
</template>
<script>
export default {
props:{
mesg:String
},
}
</script>
<style>
</style>
'단순 코드 기록 > Vue' 카테고리의 다른 글
Vue_Spring과 연결 (0) | 2024.03.11 |
---|---|
Vue_slot_속성 활용 (0) | 2024.03.11 |
Vue_Emit (0) | 2024.03.11 |
Vue_형제에게 가는 이벤트 (0) | 2024.03.08 |
Vue_자식에서 부모로 가는 이벤트 (0) | 2024.03.08 |