Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- bootstrap
- 웹기초
- 자바
- 포렌식
- CTF
- 이진트리
- gitbash
- 그래프
- mongoose
- 자바기초
- 자료구조
- Express
- node.js
- MongoDB
- wargame.kr
- 포렌식워게임
- 웹개발
- 웹해킹기초
- 워게임추천
- 써니나타스
- 웹해킹
- 뷰
- GIT
- NavBar
- node
- 이진탐색트리
- 자바문제풀이
- nodeJS
- 워게임
- materialize
Archives
- Today
- Total
목록컴포넌트통신 (1)
보안 전공생의 공부
이벤트 버스 - 관계 없는 컴포넌트 간 통신
(출처 : wiki.plateer.com/pages/viewpage.action?pageId=8553499) 하위 컴포넌트 D에서 상위 컴포넌트 A로 통신을 위해 상위 컴포넌트 B -> 최상위 컴포넌트 -> 상위 컴포넌트 A>경로를 이용할 수 있지만, 이는 필요없는 상위 컴포넌트를 필요로 한다. 이러한 점을 보완하기 위한 방법으로 이벤트 버스를 이용한다. var eventBus = new Vue(); Vue 인스턴스를 생성하고, 이를 이용해 컴포넌트 간 통신 매개체로 쓴다. - 데이터를 전달하는 컴포넌트에서 eventBus.$emit 사용 method: { 메소드명: function(){ eventBus.$emit('이벤트명',데이터,...); } } - 데이터를 전달받는 컴포넌트에서 eventBus.$..
WEB/Vue
2021. 2. 27. 16:36