component.vue

<template lang='pug'>
    div.container
        div Vuejs con Pug en {{ name }}
        hello-world(msg="Hola Mundo", :author="name", @hello="sayHello")
</template>

<script>
import HelloWorld from '../components/HelloWorld'
export default {
  name: 'home',
  components: {
    HelloWorld
  },
  data () {
    return {
      name: 'Cursosdesarrolloweb'
    }
  },
  methods: {
    sayHello () {
      alert('Helloooooo!')
    }
  }
}
</script>

helloworld.vue

<template lang='pug'>
  .div.hello
    h1(@click="$emit('hello')") {{ msg }} - {{ author }}
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String,
    author: String
  }
}
</script>