vue.js event bus
-
[Vue] Event Bus개발/Vue 2022. 4. 18. 00:43
Event Bus란 컴포넌트간에 데이터를 주고 받거나, 메소드를 사용하는 등 컴포넌트 간에 통신을 해야하는 상황에서 부모 자식간의 관계 상관 없이 간편하게 전달하게 해주는 방법입니다. 장단점 장점 : 간편하게 사용할 수 있다. 단점 : 너무 남발하여 사용하면 추적이 힘들어서 관리가 힘들고, 데이터 충돌 등의 이슈가 발생할 수 있다. 사용 방법 1. Event Bus 생성 // EventBus.js import Vue from 'vue'; const EventBus = new Vue(); export default EventBus; 2. $emit 이벤트 호출 $emit('이벤트 이름', option) option에 값을 넣어서 보낼 수 있다. //받는쪽 vue HelloWorld Change Compon..