반응형
250x250
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
- vueper slides
- 상위컴포넌트에서 하위컴포넌트로 데이터 전달
- 구글폰트다운받아사용
- 이메일유효성검사
- nodejs
- <script setup>
- class지우기
- 연산자
- 자바변수선언
- vue3emit
- vueperslides
- 미리보기
- 슬라이드기능구현
- vue 사진미리보기
- 컴포넌트간 데이터보내기
- vue3 데이터보내기
- jsp
- vue3 props
- select
- 뷰
- Node
- vue이미지자르기
- 클래스지우기
- javascript
- Java
- vue3
- VUE
- 슬라이드한번에세개
- 엑셀
- vue슬라이드
Archives
- Today
- Total
목록vue3emit (1)
orange056
[vue3] <script setup> 하위컴포넌트에서 상위컴포넌트로 데이터 보내기/ emit 사용하기
- 하위 컴포넌트 // 하위컴포넌트에서 상위컴포넌트로 데이터 보내기 const test = '테스트 데이터임!!'; const emit = defineEmits(['child']); const testBtn = () =>{ emit('child', test); } child라는 이름으로 데이터를 보내줌 - 상위 컴포넌트 child로 데이터가 넘어오면 parents 함수 실행 const parents = (data) => { // 실행할 내용 입력 console.log(data); } parents함수에 실행할 내용을 입력해주면 끝
Vue.js
2022. 12. 30. 11:38