在前端開發中，我們經常需要使用音頻來進行交互和展示，而Vue提供了一個很方便的方法來播放音頻，那就是audio.play()方法。

首先，我們需要在Vue組件中創建一個audio對象并設置音頻的src屬性，如下所示：

new Vue({
el: '#app',
data: {
audio: new Audio('path/to/your/audio.mp3')
}
})

這里我們使用了JavaScript中的Audio對象來創建audio對象，并設置了音頻的路徑。為了便于操作，我們將audio對象保存在Vue組件的data中。

接下來，當我們需要播放音頻時，我們可以直接調用audio對象的play()方法即可：

this.audio.play()

需要注意的是，為了防止播放音頻時因為文件還未加載完畢而無法播放，我們可以在mounted鉤子函數中進行音頻的加載，并給audio對象添加ended事件監聽，當音頻播放完畢后可以自動停止：

mounted () {
this.audio.load()
this.audio.addEventListener('ended', () =>{
this.audio.currentTime = 0
this.playing = false
})
}

在這里，我們使用了audio對象的load()方法進行音頻的預加載，使得在播放時能夠更快地獲取音頻內容。同時，我們給音頻添加了ended事件監聽，當音頻播放完畢后將播放狀態置為false，并將播放時間（即當前時間）重置為0，方便下一次播放。

此外，為了方便控制音頻的播放與暫停，我們可以使用Vue的計算屬性來獲取當前的播放狀態，并在模板中進行展示和切換：

computed: {
playing () {
return !this.audio.paused
}
}
...
{{ playing ? '暫停' : '播放' }}

在這里，我們使用了audio對象的paused屬性來獲取當前音頻的播放狀態。同時，在模板中綁定點擊事件，判斷當前播放狀態，進行相應的播放或暫停操作，并更新展示文本。

總的來說，Vue的audio.play()方法為我們在前端開發中處理音頻提供了很大的便捷，同時我們還可以結合Vue的計算屬性和音頻對象的相關方法來實現更加精細的控制，并提升用戶體驗。