인프런 커뮤니티 질문&답변
작성한 질문수
vue3에서 slot, slot-scope이 deprecated 되었는데...
작성
·
4.2K
3
안녕하세요.
Vue3를 적용해서 코드 작성을 연습하고 있는데
Vue3에서는 공식적으로 slot, slot-scope가 deprecated 된걸로 압니다.
그렇다면 알려주신 renderless component 개념은 vue3에서 사용이 안되는걸까요?
아니면 deprecated 됨에도 불구하고 다른 속성(?), api(?)를 사용해서 구현해야 하나요?
이후에도 많이 사용되는 구현 방법일지 궁금합니다.
답변 1
2
장기효(캡틴판교)
지식공유자
안녕하세요 챕스틱님, 좋은 질문이네요. slot과 slot scoped는 Vue 3에서도 아래와 같이 지원되고 있는 것으로 알고 있는데 deprecated 된다는 정보는 어디서 얻으셨을까요? :)
https://v3.vuejs.org/guide/component-slots.html
혹시 template 태그에서 slot 속성이 지원되지 않는 걸 말씀하신 거라면 v-slot으로 대체하여 사용하실 수 있습니다 :)
안녕하세요. 알려주신 키워드를 바탕으로 검색해서 renderless component를 구현 성공 했습니다.
vue3에서 slot, slot-scope 개념 자체가 사라지는게 아니라 속성이 사라진게 맞고,
v-slot으로만 구현해야 했습니다.
그리고 $scopedSlots.default 대신 $slots.default 사용하면 해결 되는 문제였습니다.
도움을 주셔서 감사합니다.