이번 포스트에서는 자식 컴포넌트가 부모 컴포넌트에게 이벤트를 통해 정보를 전달하는 과정을 살펴보자. 자식 컴포넌트의 값을 상위 컴포넌트로 전달할 때 emit을 통한 이벤트 발생과 처리 부모 컴포넌트가 자식에게 데이터를 전달할 때는 props를 사용하고 반대로 자식 컴포넌트가 부모 컴포넌트에게 값을 전달하고자 할 때에는 사용자 정의 이벤트를 이용한다. 여기서 주의할 점은 통상 이벤트라고 하면 처리만을 생각하는데 컴포넌트의 통신에는 이벤트의 발생과 처리 두 가지가 모두 필요하다. 먼저 자식 컴포넌트는 전달할 데이터를 파라미터로 사용자 정의 이벤트를 발생시킨다. 이것을 emit이라고 한다. 다음으로 부모는 이 이벤트를 처리해야 하는데 이제까지 처럼 v-on이 사용된다. 자식 컴포넌트에서 emit을 통한 사용자..
[vue 3] 04. 컴포넌트간 통신 3 event
이번 포스트에서는 자식 컴포넌트가 부모 컴포넌트에게 이벤트를 통해 정보를 전달하는 과정을 살펴보자. 자식 컴포넌트의 값을 상위 컴포넌트로 전달할 때 emit을 통한 이벤트 발생과 처리 부모 컴포넌트가 자식에게 데이터를 전달할 때는 props를 사용하고 반대로 자식 컴포넌트가 부모 컴포넌트에게 값을 전달하고자 할 때에는 사용자 정의 이벤트를 이용한다. 여기서 주의할 점은 통상 이벤트라고 하면 처리만을 생각하는데 컴포넌트의 통신에는 이벤트의 발생과 처리 두 가지가 모두 필요하다. 먼저 자식 컴포넌트는 전달할 데이터를 파라미터로 사용자 정의 이벤트를 발생시킨다. 이것을 emit이라고 한다. 다음으로 부모는 이 이벤트를 처리해야 하는데 이제까지 처럼 v-on이 사용된다. 자식 컴포넌트에서 emit을 통한 사용자..
2023.08.27