728x90
반응형

프론트엔드 2

[콜럼Vue스] 이벤트 에미터(Event Emitter)

1. 이벤트 에미터(Event Emitter)란?Vue에서 이벤트 에미터는 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달하기 위해 사용하는 메커니즘임.자식 컴포넌트가 특정 이벤트를 발생($emit)시키고, 부모 컴포넌트는 해당 이벤트를 수신(v-on 혹은 @)하여 처리하는 방식임.이벤트 에미터는 주로 사용자 입력, 폼 제출, 상태 변경과 같은 이벤트를 부모 컴포넌트에 전달할 때 사용됨. 2. 기본적인 이벤트 에미터 사용 예제// 부모 컴포넌트 (Parent.vue) 카운트: {{ count }} // 자식 컴포넌트 (ChildComponent.vue) 증가설명:자식 컴포넌트에서 $emit('increment', 1)으로 이벤트와 데이터를 부모로 전달.부모 컴포넌트는 @incremen..

[콜럼Vue스] 사용자 정의 이벤트

1. 사용자 정의 이벤트란?Vue에서는 사용자 정의 이벤트(Custom Events)를 통해 자식 컴포넌트가 부모 컴포넌트에 데이터를 전달할 수 있음.이 방식은 Vue의 단방향 데이터 흐름(부모→자식)을 보완하여 상위 컴포넌트로 이벤트를 전달함으로써,양방향 데이터 소통을 가능하게 만듦.자식 컴포넌트에서 이벤트를 발생시키고($emit), 부모 컴포넌트는 해당 이벤트를 수신(v-on)하여 처리함. 2. 사용자 정의 이벤트를 이용한 정보 전달사용자 정의 이벤트를 통해 자식에서 부모로 데이터 전달이 가능함.주로 양방향 바인딩이나 특정 작업을 부모 컴포넌트에 알릴 때 유용하게 사용됨.// 부모 컴포넌트 (Parent.vue) // 자식 컴포넌트 (ChildComponent.vue) 제출 자식 컴포넌..

728x90
반응형