<div id="app"> <div @click="clicked"> {{ text }} </div> <comp-a></comp-a> <comp-b></comp-b> </div> var CompA = Vue.extend({ template: '<div @click="clicked">{{text}}</div>', data() { return { name: 'Component A', text: 'Component A' }; }, methods: { clicked() { console.log('component a clicked'); this.$dispatch('DISPATCHED', this.name); } }, events: { BROADCASTED(name) { console.log(name); this.te