Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 탈출문자
- 광명시버스분석
- React
- 백준
- 버스분석
- 이스케이프시퀀스
- 10172
- 이용현황분석
- 값추가
- 백준 11718
- 배열추가
- 그래픽
- R 그래프
- barplot in r
- vetor
- R데이터형태
- 데이터분석
- DataFrame
- 백준 10172
- 배열삭제
- plot in r
- useState
- await
- asynchronization
- 값삭제
- react #회원가입 #비밀번호비교
- barplot
- getline
- setstate
- 그대로 출력하기
Archives
- Today
- Total
devlog_zz
vue study - slot 본문
728x90
slot : HTML 을 사용하려면 slot 태그를 사용해야함
자식 컴포넌트 템플릿안에 나타내고싶은 위치에 <slot></slot> 넣음
form field form header 등을 slot 을 이용해서 양식을 만들 수 있다.
폼에 대한 템플릿
slot : 폼을 전달할 때 사용
<slot name="form-header"></slot>
이게 부모 컴포넌트로 가면 여기에 주입이 됩니다.
3 개의 편집 가능한 영역이 존재 - slot 3개
루트 컴포넌트에서 정보를 전달 - 슬롯으로
728x90
'Front End > Vue' 카테고리의 다른 글
| vue 3 cli 설치 중 오류 해결 ( npm ERR! code EEXIST syscall rename ~ ) (0) | 2023.11.22 |
|---|---|
| vue study - Dynamic components (0) | 2020.03.26 |
| vue study - life cycle hooks (0) | 2020.03.26 |
| vue Study - event bus (0) | 2020.03.26 |
| vue Study - event (child to Parent) (0) | 2020.03.26 |
Comments