본문 바로가기
vue.js/기술

[vue] emit을 props처럼 관리하기

by 냉면돈가스 2022. 2. 24.

특별한건 아니고 props처럼 script부분에 명시해두는 것


부모 컴퍼넌트

 

자식 컴퍼넌트

 

자식이 abc라는 이름으로 1452라는 값을 넘기고

부모가 받아서 bar함수를 실행시켜 콘솔에 노출시킨다.

 

이 동작자체가 바뀌는건 없고

그냥 2번째 이미지처럼 명시해둘 수 있음

emits: {
	abc:Number
}

 


 

혹시 그냥 vue에서 아예 무시를 하나 테스트하기위해 

emits에 적혀진 소스를 아래와 같이 살짝 수정해봄

emits: {
	abcd:Number
}

감지를 하긴 하네용.

따로 명시를 해 두지 않아도 emit자체는 잘 동작하기 때문에 개인이나 팀이 성격에 맞추면 될 듯 합니다.

 

 

 

'vue.js > 기술' 카테고리의 다른 글

[vue] debounce 사용하기 feat.(throttle)  (0) 2022.03.16
[vue] $nextTick 사용하기  (0) 2022.03.16
[vue] provide / inject  (2) 2022.01.19
[vue] v-slot  (1) 2022.01.19
[vue] props  (0) 2022.01.19

댓글