Vue中非常方便地使用audio標簽實現音頻播放的功能。使用audio標簽需要注意幾個要點。

首先要在Vue的模板中引入audio標簽，并添加音頻源文件：

<template>
<div>
<audio ref="audioEle" :src="audioUrl"></audio>
</div>
</template>

上述代碼中，我們將音頻標簽的ref屬性設置為“audioEle”，音頻鏈接作為“audioUrl”動態傳參。我們可以通過控制this.$refs.audioEle來操作audio標簽。

接下來，我們需要編寫事件方法來控制音頻播放。以下是簡單的播放/暫停代碼示例：

<script>
export default {
data() {
return {
audioUrl: "http://example.mp3",
isPlaying: false // 音頻是否正在播放
}
},
methods: {
togglePlay() {
if (this.isPlaying) { // 該音頻正在播放時，點擊暫停
this.$refs.audioEle.pause();
this.isPlaying = false;
} else { // 該音頻未播放或已暫停時，點擊播放
this.$refs.audioEle.play();
this.isPlaying = true;
}
}
}
}
</script>

如上代碼所示，我們用一個data屬性控制音頻是否正在播放，通過修改其值來切換播放/暫停狀態。在togglePlay方法中，我們使用this.$refs.audioEle來調用音頻標簽的play/pause方法。其中play/pause方法由瀏覽器自帶，直接調用即可。

以上就是Vue中使用audio標簽實現音頻播放的方法。注意，由于不同瀏覽器的音頻支持不同，編寫多個音頻媒體類型供瀏覽器選擇：

<audio controls><source src="example.mp3" type="audio/mpeg">
<source src="example.ogg" type="audio/ogg">
<source src="example.wav" type="audio/wav">
<source src="example.m4a" type="audio/x-m4a">
</audio>

注：如果要在Vue中使用帶有音頻封面的audio標簽，請使用vue-audio-player等第三方插件。