向子组件中通过props传递函数

案例

比如有两个组件，父组件：player.vue，子组件：mini-player.vue

父组件中：

<template>
    <mini-player :toggle-play="togglePlay"></mini-player>
</template>


<script type="text/ecmascript-6">
    export default {
        name: 'player',
        components: {
          MiniPlayer
        },
        setup() {
            function togglePlay() {
               ....
            }

            return {
                togglePlay
            }
        }
    }
</script>

子组件中接受传入的函数，并调用：

<template>
    <div @click.stop="togglePlay"></div>
</template>


<script type="text/ecmascript-6">
    export default {
        name: 'mini-player',
        props: {
            // 将函数做为props传入
            togglePlay: Function
        },
    }
</script>