vue3中实现音频播放器APlayer代码方法

本篇文章小编给大家分享一下vue3中实现音频播放器APlayer代码方法，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

前言：

vue2的时候，分享了一个很好用的插件是vue-aplayer,但是他是不支持vue3的，这里分享vue3使用APlayer来实现一个播放器的方法。 实现效果：

实现步骤：

1、安装 npm:

npm install aplayer --save

Yarn:

yarn add aplayer

2、页面中引入

import APlayer from 'APlayer';
import 'APlayer/dist/APlayer.min.css';

3、具体使用，源代码

（1）封装 aPlayer.vue

（2）父组件调用