btn slot - Vue slot - HTML slot

슬롯

. 엘리먼트는 부모가 제공한 슬롯 컨텐츠가 렌더링되어야 하는 위치를 나타내는 슬롯 

슬롯을 이용한 컴포넌트 템플릿 확장

슬롯 챕터에서 이미 살펴봤듯이 슬롯은 하위 컴포넌트의 템플릿을 상위 컴포넌트에서 유연하게 확장할 수 있는 기능입니다. 슬롯은 탭, 모달(팝업), 버튼 등 흔히 사용되는 

Slots

With slots, the is responsible for rendering the outer (and its fancy styling), while the inner content is provided by the parent 

Slots

슬롯. 슬롯(slot)은 컴포넌트의 재사용성을 높여주는 기능입니다. 특정 컴포넌트에 등록한 하위 컴포넌트의 마크업을 확장하거나 재정의할 수 있습니다.

Vue.js 재사용성을 높이자! Slot편

이처럼 슬롯을 사용하면 컴포넌트의 특정 마크업 영역을 재정의하여 같은 컴포넌트를 각기 다르게 표현 할 수 있다. 디자인(CSS)이 똑같은 컴포넌트의 

20. Vue

c) slot 태그를 이용한 문자열 커스텀 - 위에서 사용한 MyBtn.vue의 코드를 살펴보자. - div 태그에 Apple 이라는 텍스트를 입력하여 모든 버튼이 Apple