kugou-vue是一個(gè)基于Vue.js和Kugou API的音樂(lè)播放器網(wǎng)站，它提供了在線播放、搜索、歌詞展示等功能。該網(wǎng)站不僅實(shí)現(xiàn)了功能上的全面，界面設(shè)計(jì)也十分精美，是Vue.js學(xué)習(xí)者和音樂(lè)愛(ài)好者的不錯(cuò)選擇。

在kugou-vue中，音樂(lè)播放主要通過(guò)使用vue-skeleton-webpack-plugin這一插件來(lái)進(jìn)行。該插件通過(guò)給.vue文件加上一個(gè)獨(dú)立的骨架屏文件，實(shí)現(xiàn)了前端性能的大大提升。具體代碼實(shí)現(xiàn)如下：

<template>
<div>
<Skeleton :type&="type"></Skeleton>
<div v-if="loaded" class="player-inner">
...
</div>
</div>
</template>
<script>
import Skeleton from '@/base/skeleton'
export default {
data () {
return {
loaded: false,
type: 'song'
}
},
created () {
this.getSongList()
},
methods: {
async getSongList () {
const { code, data } = await getSongs()
if (code === ERR_OK) {
this.songList = data.list
this.loaded = true
this.$nextTick(() =>{
this.setMusic(true)
})
}
}
},
components: {
Skeleton
}
}
</script>

kugou-vue還使用了vue-router和axios等技術(shù)實(shí)現(xiàn)了前后端的連通。它可以通過(guò)Vue.js自帶的單文件組件實(shí)現(xiàn)組件之間的嵌套和復(fù)用，實(shí)現(xiàn)了前端代碼的高可維護(hù)性。

綜上所述，kugou-vue是一款交互體驗(yàn)優(yōu)秀的音樂(lè)播放器網(wǎng)站，有著完備的功能和界面展示，具有較高的實(shí)用價(jià)值。Vue.js學(xué)習(xí)者不妨可以通過(guò)研究kugou-vue的源代碼來(lái)提高自己的開(kāi)發(fā)水平。