
[Vue] 하위 컴포넌트에서 상위 컴포넌트 데이터 전달 ( this.$emit )
FrontEnd/Vue
2022. 3. 7. 12:20
예전에 props를 이용해서 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 방법에 대해서 정리했었다. ( 해당 글 참조 ) 근데 부모에서 자식으로만 데이터를 보내는 일이 있는 것도 아니다. 자식에서 부모에게, 또 자식끼리, 다양하게 데이터를 주고 받아야 할 일이 있다. 그래서 이번에는 그것에 대해서 정리해보려고 한다.. ( 물론 나중에 뷰엑스를 쓰게 되겠지만.. ) 자식 -> 부모 ============================================================================ 자식에서 부모에게 데이터를 보낼 때는 이벤트를 통해 전달 할 수 있다. this.$emit을 사용하는 방법인데.. 핵심은 아래이다.. //이벤트 발생 this.$emit('이벤트명', ..