Vue.js event из родительского компонента

Изучаю vue.js компоненты и наткнулся на одну проблемку: Есть компонент кнопки:

<template>
    <button type="button" class="btn1 draw-border"><slot></slot></button>
</template>

Вставляю кнопку в родительский компонент и хочу повесить на кнопку event при клике (убрал ненужные стили):

 </template>
     <div><button-component v-on:click="showModalSend">Получить</button-component></div>
     <div><button-component>Отправить</button-component></div>
</template>

Собственно вопрос: как передать метод который обрабатывает event с кнопки? Пробовал и через props и data и тд. Если через props, то получается, но всегда приходится передавать метод который будет висеть на кнопке в компоненте и если не передать то выкидывает ошибку:

<template>
   <button type="button" v-on:click="methodOnClick" class="btn1 draw-border"><slot></slot></button>
</template>
export default {
    props: {
       'methodOnClick'
    },