vue study - slot

slot : HTML 을 사용하려면 slot 태그를 사용해야함

자식 컴포넌트 템플릿안에 나타내고싶은 위치에 <slot></slot> 넣음

 

 

form field form header 등을  slot 을 이용해서 양식을 만들 수 있다.

폼에 대한 템플릿

 

slot :  폼을 전달할 때 사용

<slot name="form-header"></slot>

이게 부모 컴포넌트로 가면 여기에 주입이 됩니다.

3 개의 편집 가능한 영역이 존재 - slot 3개

루트 컴포넌트에서 정보를 전달 - 슬롯으로