添加歌曲是一個重要的功能，無論是音樂播放器還是在線KTV，都需要實現這個功能。在Vue中，我們可以通過幾個步驟來實現添加歌曲的功能。

第一步，我們需要在Vue中定義一個數組來保存歌曲列表。我們可以使用Vue的data屬性來定義這個數組，并在模板中使用v-for指令來遍歷這個數組，生成歌曲列表。以下是一個簡單的例子：

data: {
songs: [
{ name: 'Song 1', artist: 'Artist 1', duration: 180 },
{ name: 'Song 2', artist: 'Artist 2', duration: 240 },
{ name: 'Song 3', artist: 'Artist 3', duration: 300 }
]
}

第二步，我們需要為添加歌曲的功能創建一個表單。我們可以使用Vue的v-model指令來綁定表單控件的值，以便在提交表單時獲取這些值。以下是一個簡單的例子：

Add Song

第三步，我們需要創建一個方法來處理表單提交事件。在這個方法中，我們可以將新歌曲數據添加到歌曲列表數組中，并清空表單控件的值。以下是一個簡單的例子：

methods: {
addSong: function () {
this.songs.push(this.newSong);
this.newSong = { name: '', artist: '', duration: '' };
}
}

第四步，我們需要在模板中引用這個添加歌曲的方法。我們可以在按鈕的click事件中調用這個方法，或者在表單的submit事件中調用這個方法。以下是一個簡單的例子：

Add Song

最后，我們需要在模板中顯示歌曲列表。我們可以使用v-for指令來遍歷歌曲列表數組，并顯示每個歌曲的相關信息。以下是一個簡單的例子：

{{ song.name }} by {{ song.artist }} ({{ song.duration }} seconds)

以上就是在Vue中添加歌曲的一般步驟。當然，具體的實現可能會因為業務需求而有所不同，但是以上的步驟應該可以應對大多數的情況。