vue2音乐播放器组件

可以使用第三方库如 `vue-audio-visual` 或者 `vue-audio-player` 来实现音乐播放器组件。

例如，使用 `vue-audio-visual`，你可以这样实现：

1. 首先安装依赖：

npm install vue-audio-visual --save

2. 在需要使用的组件中引入：

import AudioVisual from 'vue-audio-visual'

export default {
  components: {
    AudioVisual
  },
  data () {
    return {
      audioSrc: 'http://xxx.xxx.xxx/xxx.mp3', // 音频文件地址
      options: {
        autoplay: false,
        controls: true,
        loop: false
      }
    }
  }
}

3. 在模板中使用组件：

<audio-visual :src="audioSrc" :options="options"></audio-visual>

其中，`audioSrc` 指定了音频文件的地址，`options` 是一个对象，用于配置音频播放器的一些选项，如是否自动播放、是否显示控制条、是否循环播放等。

你也可以自定义组件样式，例如：

<audio-visual :src="audioSrc" :options="options" style="width: 100%; height: 60px;"></audio-visual>

这样就可以实现一个简单的音乐播放器组件了。当然，你也可以根据自己的需求进行更多的定制和扩展。