부모컴포넌트에서 자식컴포넌트에게 전송하는 props가 아닌 slot을 써보자
slot 없이 좀더 직관적으로 자식 컴포넌트에게 데이터를 보낼 수 있다.
slot으로 부모 -> 자식 데이터 전송법
1.자식은 구멍 뚫기
1. 자식은 구멍 뚫기
하위 컴포넌트에서 구멍을 뚫고 구멍 자리에 원하는 데이터에 들어간다.
2. 부모컴포넌트에서 <컴포넌트> 태그 사이에 데이터 넣기
'데이터~~~' 가 FilterBox의 <(slot)>에 들어간다.
왜 slot을 사용하는가?
- 직관적이어서.
문제는 속성에 데이터바인딩을 할 때 slot을 사용할 수 없음.
태그 안에 데이터 바인딩을 할 떄만 slot 사용 가능.
slot 여러개 사용하는 법
1. slot name="a" /slot
- **template v-slot:a 보낼거 /temaplate
느낀점 : slot 개수가 많아지면 오히려 가독성이 떨어질 것 같음. 데이터 바인딩 개수가 많으면 props를 쓰는게 효과적일 듯
성장하는 개발자가 되고자 합니다.