vue播放wav音频

要在Vue中播放wav音频，你可以使用HTML5的`<audio>`元素。首先，确保你有一个.wav格式的音频文件。然后，在你的Vue组件中，你可以按照以下步骤进行操作：

1. 在模板中添加一个`<audio>`元素：

<template>
  <div>
    <audio ref="audioPlayer" controls></audio>
  </div>
</template>

2. 在Vue组件的`mounted`生命周期钩子中，创建一个对音频文件的引用，并将其加载到`<audio>`元素中：

<script>
export default {
  mounted() {
    const audioElement = this.$refs.audioPlayer;
    audioElement.src = 'path/to/your/audio.wav';
    audioElement.load();
  }
}
</script>

在上面的代码中，将'path/to/your/audio.wav'替换为你实际音频文件的路径。

3. 如果你想要通过某个事件（比如点击按钮）来触发音频播放，你可以添加一个方法来处理这个事件，并在其中调用`play()`方法来开始播放音频：

<script>
export default {
  methods: {
    playAudio() {
      const audioElement = this.$refs.audioPlayer;
      audioElement.play();
    }
  }
}
</script>

现在，当你调用`playAudio`方法时，音频将开始播放。

这就是在Vue中播放wav音频的基本步骤。你可以根据自己的需求进行进一步的自定义和样式修改。