<template>
  <div class="hijo-component">
    <h1>Hijo</h1>
    <button @click.prevent="emitirEventoHijo"></button>
  </div>
</template>
<script>
import {EventBus} from './event-bus'
export default {
  name: 'Hijo',
  created () {
    EventBus.$on('padre:change', () => {
      console.log('Mensaje del padre recibido')
    })
  },
  methods: {
    emitirEventoHijo() {
      EventBus.$emit('hijo:change')
    }
  }
}
</script>