vue2 mp3音频文件播放

在Vue2中播放MP3音频文件，你可以利用HTML5的`<audio>`标签配合JavaScript来进行操作。首先，确保在你的组件模板里有一个 `<audio>` 元素：

<template>
  <div>
    <audio ref="myAudio" @loadedmetadata="onLoad"></audio>
  </div>
</template>

然后，在`script`部分加载音频，并设置一些基本属性：

<script>
export default {
  data() {
    return {
      audioSrc: 'path/to/your/mp3/file.mp3', // 替换为实际的MP3文件路径
    };
  },
  methods: {
    onLoad() {
      this.$refs.myAudio.play();
    },
    playAudio() {
      this.$refs.myAudio.src = this.audioSrc;
      this.$refs.myAudio.load(); // 加载音频资源
      this.$refs.myAudio.play(); // 开始播放
    }
  },
  mounted() {
    this.playAudio();
  },
};
</script>

当页面加载完成后，`mounted()`钩子会自动开始播放音频。如果需要在其他地方控制音频播放，可以调用`playAudio()`方法。

需要注意的是，对于跨域访问的MP3文件，浏览器可能会有同源策略限制，确保你的音频文件来自同一个域名或已经设置了正确的CORS策略。