问如何访问子组件在其他组件中的方法？

EN

<template>
    <div class="example">
        <slot></slot>
    </div>
</template>
<script>
export default {
  methods: {
    alertme() {
      console.log("hey!");
    }
  }
};
</script>

<template>
    <reusable>

        <template slot-scope="defaultSlotScope">
            <button type="button" class="btn btn-danger" @click="alertme">click me!</button>
        </template>

    </reusable>
</template>

<script>
import reusable from "../reusable.vue";

export default {
  components: {
    reusable
  }
};
</script>

[Vue warn]: Property or method "alertme" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.