<template>
  <div class="padre-component">
    <h1>Padre</h1>
    <hijo @hijo:change="escucharHijo"></hijo>
    <button @click.prevent="emitirEventoPadre"></button>
  </span>
</template>
<script>
import Hijo from 'Hijo'
export default {
  name: 'Padre',
  methods: {
    escucharHijo () {
      console.log('Mensaje recibido de Hijo')
    },
    emitirEventoPadre () {
      this.$emit('padre:change')
    }
  }
  components: {
    Hijo
  }
}
</script>