vue-mini-player 中的videoPlay 事件怎么使用，怎么通过点击事件实现播放和暂停

vue-mini-player 中的videoPlay 事件怎么使用，怎么通过点击事件实现播放和暂停
https://toscode.gitee.com/sunzhouhui/vue-mini-player

Vue-Mini-Player 是一个基于 Vue.js 的音乐播放器组件库。其中，videoPlay 事件是在音乐播放器组件中触发的事件，用于处理视频播放的逻辑。

使用 videoPlay 事件，可以通过监听音乐播放器组件的 videoPlay 事件来实现播放和暂停。具体实现方法如下：

在 Vue 组件中，引入音乐播放器组件库，并将其注册为自定义组件：

import VueMiniPlayer from 'vue-mini-player'
Vue.use(VueMiniPlayer)

在 Vue 组件中，声明 data 属性，用于存储当前视频播放状态：

data() {
  return {
    isPlaying: false
  }
}

在 Vue 组件中，定义播放和暂停的方法，并在方法中修改 isPlaying 的值：

methods: {
  togglePlay() {
    this.isPlaying = !this.isPlaying
  }
}

在音乐播放器组件中，监听 videoPlay 事件，并在事件回调函数中调用 togglePlay 方法：

<vue-mini-player @videoPlay="togglePlay"></vue-mini-player>

这样，当用户点击音乐播放器的播放按钮时，就会触发 videoPlay 事件，并执行 togglePlay 方法，从而实现播放和暂停的切换。