我想在我的vue.js应用程序中播放wav文件

<template>
  <div>
    <button @click="playAudio">播放音频</button>
  </div>
</template>

<script>
export default {
  methods: {
    playAudio() {
      const audio = new Audio('/path/to/your/audio.wav');
      audio.play();
    }
  }
}
</script>

<template>
  <div>
    <button @click="loadAudio">加载音频</button>
    <button @click="playAudio" :disabled="!audioLoaded">播放音频</button>
    <div v-if="loading">加载中...</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      audio: null,
      audioLoaded: false,
      loading: false
    }
  },
  methods: {
    loadAudio() {
      this.loading = true;
      this.audio = new Audio('/path/to/your/audio.wav');
      this.audio.addEventListener('canplaythrough', () => {
        this.loading = false;
        this.audioLoaded = true;
      });
    },
    playAudio() {
      if (this.audioLoaded) {
        this.audio.play();
      }
    }
  }
}
</script>