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', moun..
정리하기/vue.js
2018. 5. 16. 16:39
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- git tag
- 함수
- node.js
- nextTick
- marionetts.js
- #가상머신
- js
- vue.js
- node
- 자바스크립트
- Typescript
- vue
- AndroidContext
- awesome-vue
- vuex
- eventbus
- browserify
- Android
- 뉴욕
- MarionetteJS
- angular
- javascript
- awe-some
- 원하는것이있다면끝까지버텨라
- common.js
- framework
- nodejs
- backbone.js
- mocha.js
- 외부모듈
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
글 보관함