Skip to content

Commit 963964f

Browse files
authored
Update 2017-02-13-vuejs-eventbus.markdown
오타수정
1 parent 26f9584 commit 963964f

File tree

1 file changed

+14
-14
lines changed

1 file changed

+14
-14
lines changed

_posts/2017-02-13-vuejs-eventbus.markdown

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ EventBus.$emit('message', 'hello world');
3131
```javascript
3232
// 이벤트 구독
3333
EventBus.$on('message', function(text) {
34-
console.log(text);
34+
console.log(text);
3535
});
3636
```
3737

@@ -43,23 +43,23 @@ EventBus.$on('message', function(text) {
4343

4444
```xml
4545
<div id="sender-app">
46-
<input v-model="text">
47-
<button @click="sender">sender</button>
46+
<input v-model="text">
47+
<button @click="sender">sender</button>
4848
<div v-if="receiveText">#sender-app: I sent a message a {{ receiveText }}</div>
4949
</div>
5050
<div id="receiver-app">
51-
<div v-if="text">#receiver-app: {{ text }}</div>
51+
<div v-if="text">#receiver-app: {{ text }}</div>
5252
</div>
5353
```
5454

5555
```javascript
5656
var EventBus = new Vue();
5757

5858
var SenderApp = new Vue({
59-
el: '#sender-app',
59+
el: '#sender-app',
6060
data() {
6161
return {
62-
text: '',
62+
text: '',
6363
receiveText: ''
6464
}
6565
},
@@ -68,28 +68,28 @@ var SenderApp = new Vue({
6868
},
6969
methods: {
7070
sender() {
71-
EventBus.$emit('message', this.text);
71+
EventBus.$emit('message', this.text);
7272
this.text = '';
7373
},
7474
onReceive(text) {
75-
this.receiveText = text;
75+
this.receiveText = text;
7676
}
7777
}
7878
});
7979

8080
var ReceiverApp = new Vue({
81-
el: '#receiver-app',
81+
el: '#receiver-app',
8282
data() {
8383
return {
84-
text: ''
84+
text: ''
8585
}
8686
},
87-
created() {
87+
created() {
8888
EventBus.$on('message', this.onReceive);
8989
},
9090
methods: {
9191
onReceive(text) {
92-
this.text = text;
92+
this.text = text;
9393
}
9494
}
9595
});
@@ -102,7 +102,7 @@ var ReceiverApp = new Vue({
102102
```javascript
103103
(function() {
104104

105-
var EventBus = Vue();
105+
var EventBus = Vue();
106106

107107
Object.defineProperties(Vue.prototype, {
108108
$eventBus: {
@@ -121,4 +121,4 @@ var ReceiverApp = new Vue({
121121
- [vue.js 공식홈페이지 - 비-부모-자식간-통신](https://kr.vuejs.org/v2/guide/components.html#비-부모-자식간-통신)
122122
- [Building a Simple Event Bus in Vue.js - Arvid Kahl](https://devblog.digimondo.io/building-a-simple-eventbus-in-vue-js-64b70fb90834#.ksf302nhz)
123123
- [vue.js 한국어 사용자 모임](https://vuejs-kr.github.io/)
124-
- [진블로그 - Vuejs EventBus](http://blog.puding.kr/179)
124+
- [진블로그 - Vuejs EventBus](http://blog.puding.kr/179)

0 commit comments

Comments
 (0)