inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

Renderless Component - 구현 방법과 활용처

vue3에서 slot, slot-scope이 deprecated 되었는데...

4284

챕스틱

작성한 질문수 7

3

안녕하세요. 

Vue3를 적용해서 코드 작성을 연습하고 있는데

Vue3에서는 공식적으로 slot, slot-scope가 deprecated 된걸로 압니다.

그렇다면 알려주신 renderless component 개념은 vue3에서 사용이 안되는걸까요?

아니면 deprecated 됨에도 불구하고 다른 속성(?), api(?)를 사용해서 구현해야 하나요? 

이후에도 많이 사용되는 구현 방법일지 궁금합니다.

javascript vuejs

답변 1

2

캡틴판교

안녕하세요 챕스틱님, 좋은 질문이네요. slot과 slot scoped는 Vue 3에서도 아래와 같이 지원되고 있는 것으로 알고 있는데 deprecated 된다는 정보는 어디서 얻으셨을까요? :)

https://v3.vuejs.org/guide/component-slots.html

혹시 template 태그에서 slot 속성이 지원되지 않는 걸 말씀하신 거라면 v-slot으로 대체하여 사용하실 수 있습니다 :)

7

챕스틱

안녕하세요. 알려주신 키워드를 바탕으로 검색해서 renderless component를 구현 성공 했습니다.

vue3에서 slot, slot-scope 개념 자체가 사라지는게 아니라 속성이 사라진게 맞고,

v-slot으로만 구현해야 했습니다.

그리고 $scopedSlots.default 대신 $slots.default 사용하면 해결 되는 문제였습니다.

도움을 주셔서 감사합니다.

깃 권한 요청 드립니다

0

68

1

깃 권한 신청

0

61

1

깃 권한 요청드립니다.

0

120

1

깃허브 권한 요청 드립니다

0

150

1

깃허브 권한 요청 드립니다

0

168

1

깃허브 권한 요청 드립니다

0

174

1

깃허브 권한 요청 드립니다.

0

158

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

213

1

ide 타입추론 기능 사용할 수 없을까요??

0

217

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

238

1

Vue3로 진행중입니다

1

341

1

Vue router-link 사용시 같은 url이면

1

512

1

vue3 에러 메세지...

1

682

2

id ="app" 중복

0

277

2

use undefined 에러가 나옵니다.

1

328

2

깃허브 권한 요청드립니다.

1

366

2

권한요청드립니다.

1

303

2

Vue3에서 구글 애드센스 탑재하기

1

441

2

코드가 정상 작동 되는건지 ...

1

309

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

252

1

vuex 적용시 질문

1

294

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

387

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

457

2

권한요청 드립니다!

1

275

2