項目包地址


利用axios和網易云提供的API進行連接交互。依然要注意axios的回調函數中的this會發生改變，因此需要額外的變量對this進行保存。
因為文件稍大，因此最好重新新建一個js文件，然后在html進行引入即可

在data中保存數據

在methods中保存對數據的操作，在html進行調用即可

axios調用網易云中的數據格式為

//then后面為兩個函數參數，第一個為成功時，第二個為失敗時 axios.get("https://autumnfish.cn/search?keywords="+this.query).then( function(response){that.musiclist=response.data.result.songs;},function(err){console.log(err)})

也可以在方法中的參數中設置已經獲取的數據，對數據進行調用，以實現代碼的復用，同時可以利用函數中的參數以實現數據列表的響應

在項目過程中，錯誤地將播放mv的外層標簽div寫成了video標簽,造成mv遮罩層顯示失敗，進而無法實現mv播放功能（一定要細心）

可以利用boolean值和v-on結合實現對音樂狀態的改變

在Css中利用@keyframes實現動畫的旋轉等效果

總結

以上是生活随笔為你收集整理的Vue学习笔记（利用网易云API实现音乐播放器 实例）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。