Vue-aplayer使用代码

Vue-aplayer 是一个基于 Vue.js 的音乐播放器组件，使用起来非常方便。以下是一个简单的使用代码示例：

1. 安装 Vue-aplayer：

npm install vue-aplayer --save

2. 在 Vue 组件中引入 Vue-aplayer：

import APlayer from 'vue-aplayer'

3. 在 Vue 组件中使用 Vue-aplayer：

<template>
<div>
<APlayer :options="options"></APlayer>
</div>
</template>

<script>
export default {
data () {
return {
options: {
// 音乐列表
audio: [
{
name: '歌曲名称',
artist: '歌手名称',
url: '歌曲地址',
cover: '封面地址'
}
],
// 默认选中的歌曲
autoplay: true,
// 是否循环播放
loop: 'all',
// 是否显示歌词
showlrc: false,
// 是否显示控制栏
showcontrol: true,
// 是否显示播放模式
showplaymode: true,
// 是否显示音量控制
showvolume: true,
// 是否显示进度条
showprogress: true,
// 是否显示歌曲信息
showinfo: true
}
}
},
components: {
APlayer
}
}
</script>