vue 다른 컴포넌트 끼리의 통신처리


vue 다른 컴포넌트 끼리의 통신처리

개별의 컴포넌트 사이에서의 데이터 전달(통신) 방법에 대해 정리하겠다. Vue는 자체적으로 이벤트와 관련된 $emit, $on 메소드를 갖고 있어, 보통 EventBus라는 이름의 Vue 객체 생성 후 해당 객체를 사용하여 서로 통신을 한다. 예제를 보자. 다음은 EventBus 생성 파일이다. - EventBus.js import Vue from 'vue'; export const BUS = new Vue(); 다음은 이벤트 호출/처리할 컴포넌트 선언 파일이다. - One.vue (이벤트 호출 컴포넌트) import { BUS } from './EventBus'; export default { name: 'One', mounted() { BUS.$emit('bus:call'); } } - TheOthe..


원문링크 : vue 다른 컴포넌트 끼리의 통신처리