VueJS Child Component with Emitted Event

VueButtonComponent.vue

<template>
  <button @click="btnClick('Button Clicked!')">{{ slot }}</button>
</template>
<script>
  export default {
    name: 'vue-button-component',
    methods: {
      btnClick(data) {
        this.$emit('button-click', data)
      }
    }
  }
</script>
<style lang="scss">

</style>