前言：
vue2的时候，分享了一个很好用的插件是vue-aplayer,但是他是不支持vue3的，这里分享vue3使用APlayer来实现一个播放器的方法。
实现效果： 【vue3.0|vue3中实现音频播放器APlayer】
文章图片
官方：
git地址：点我
api地址：点我
实现步骤：
1、安装
npm:
npm install aplayer --save
Yarn:
yarn add aplayer2、页面中引入
import APlayer from 'APlayer';
import 'APlayer/dist/APlayer.min.css';
3、具体使用，源代码 （1）封装 aPlayer.vue
.mainPage{
@include wh(100%,auto);
background: #FCFCFC;
border: 1px solid #E0E0E0;
border-radius: 4px;
}（2）父组件调用
其他： vue3+ts+aplayer版本：点我
推荐阅读
- Web|Web学习（十一） Vue
- 前端|IDEA打开vue项目并运行
- typescript|Vue.js 3 + Vite + TypeScript 实战项目开发
- 技术分享|使用 SpringBoot + Redis + Vue3 + ArcoPro 开发管理系统
- javascript|Vue3 + Vite2 项目实战复盘总结（干货！）
- vue.js|vue3+antd实现table中点击具体某一列展示弹窗
- 前端|axios在vue中的使用
- 笔记|require.context()的用法详解
- vue|vue实时获取时间