Vue.js - Slots

Vue.js - Slots - 부모 컴포넌트에서 자식 컴포넌트에게 slot을 이용해 템플릿을 전달하는 컨텐츠 배포 방법이다. - 현재 2021.11.28 slot과 slot-scope는 Vue 3버전에서 공식적으로 삭제된다고 하기 때문에 대체 디렉티브인 v-slot을 써주자 Slots 기본 - slot을 이용하여 컴포넌트 렌더링 시 컨텐츠 배포를 할 수 있다. 이름 있는 Slots - 2.6.0+에서 업데이트된 기능으로 기존 슬롯에 이름을 적용 (slot > v-slot) 방식 - template에 v-slot:name 을 이용하여 렌더링 이후 slot을 적용하는 방법이다. - 만약 v-slot을 쓴 template으로 싸여있지 않은 내용은 template v-slot:default 슬롯에 해당하는 것으로 간주되기 때문에 1번과 2번의 작..........

원문링크 : Vue.js - Slots