前言
無意中看到獲取網易雲音樂資料的api網易雲音樂 API,就想著用vue寫個音樂播放器練手。
技術棧
vue+vue-router+vuex
實現目標
- 首頁 √
- 專輯頁 √
- 電臺頁 √
- 搜尋頁 √
- 登入頁 √
- 播放器 √
- 歌詞滾動 √
- 排行榜頁 √
- 評論頁 √
部分圖示








專案原始碼
總結
實際上來說這個專案只是一個半成品,還有很多功能沒有去實現,實在是時間不夠。通過寫這個專案,也察覺到很多問題,例如元件裡的子元素的載入完畢的時機,陣列的動態響應要求,混合功能的使用等,對自己的水平也有一定的提高。