Skip to content

Commit f2b93fa

Browse files
authored
Update README.md
1 parent 7d96ecd commit f2b93fa

File tree

1 file changed

+30
-1
lines changed

1 file changed

+30
-1
lines changed

README.md

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,14 +39,43 @@ Vue.use(EventManager)
3939
methods: {
4040
eventHandler(payload) {
4141
console.log('Yay, events work!', payload);
42+
},
43+
eventHandlerOnce(payload) {
44+
console.log('This will be called just once!');
4245
}
4346
},
4447
created() {
4548
this.$events.on('test', this.eventHandler);
46-
this.$events.once('test', () => console.log('This will be called just once!'));
49+
this.$events.once('test', this.eventHandlerOnce);
4750
},
4851
beforeDestroy() {
4952
this.$events.off('test', this.eventHandler);
53+
this.$events.off('test', this.eventHandlerOnce);
54+
}
55+
```
56+
57+
P.S.: Alternative way to set your event handlers is through the `on` and `once` Vue constructor options. In that way you shouldn't worry about removing event handlers on `beforeDestroy`.
58+
59+
```js
60+
/// Component 1
61+
62+
methods: {
63+
eventHandler(payload) {
64+
console.log('Yay, events work!', payload);
65+
},
66+
eventHandlerOnce(payload) {
67+
console.log('This will be called just once!');
68+
}
69+
},
70+
on: {
71+
test() {
72+
this.eventHandler();
73+
}
74+
},
75+
once: {
76+
test() {
77+
this.eventHandlerOnce();
78+
}
5079
}
5180
```
5281

0 commit comments

Comments
 (0)