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
- awesome-vue
- angular
- nextTick
- framework
- marionetts.js
- awe-some
- mocha.js
- node
- git tag
- vuex
- 원하는것이있다면끝까지버텨라
- vue.js
- 뉴욕
- MarionetteJS
- 자바스크립트
- AndroidContext
- vue
- node.js
- 함수
- common.js
- Android
- browserify
- nodejs
- js
- eventbus
- javascript
- #가상머신
- Typescript
- backbone.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 |
| 31 |
글 보관함