[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8887":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":9,"pushedAt":9,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":15,"starSnapshotCount":15,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},8887,"vue-music","Sioxas\u002Fvue-music","Sioxas","Vue 音乐搜索、播放 Demo",null,"Vue",1599,508,84,9,0,1,53.22,false,"master",true,[],"2026-06-12 04:00:41","\u003Cp align=\"center\">\u003Ca href=\"http:\u002F\u002Fsioxas.github.io\u002F\" target=\"_blank\">\u003Cimg width=\"300\"src=\"https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002FApple_Music_Blur.png\">\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp align=\"center\">Vue 音乐搜索、播放 Demo，资源来自QQ音乐\u003C\u002Fp>\n\u003Cp align=\"center\">查看Demo:\u003Ca href=\"http:\u002F\u002Fsioxas.github.io\u002F\">http:\u002F\u002Fsioxas.github.io\u002F\u003C\u002Fa>,在手机上效果更好，扫一扫体验\u003C\u002Fp>\n\u003Cp align=\"center\">\u003Ca href=\"http:\u002F\u002Fsioxas.github.io\u002F\">\u003Cimg src=\"http:\u002F\u002Fww2.sinaimg.cn\u002Flarge\u002F6ee3e8b3gw1f9xjboxz2tj205i05fjrm.jpg\" alt=\"vue-music\">\u003C\u002Fa>\u003C\u002Fp>\n\n\n### 实现的功能\n1. 音乐播放、暂停、上一曲、下一曲\n2. 播放列表、添加到播放列表、做为下一首播放\n3. 搜索单曲、歌手、专辑、MV\n4. 查看歌手页面、专辑页面、MV\n5. 热门搜索\n6. 搜索历史记录\n7. 排行榜\n8. 切换播放模式\n9. 歌词\n\n### 未实现的功能\n*   我喜欢\n*   下载\n\n## Build Setup\n\n``` bash\n# 下载或克隆下来，然后安装依赖\nnpm install\n\n# 开发预览\nnpm run dev\n\n# 打包发布，生成的文件在dist文件夹中\nnpm run build\n```\n\n# 截图\n\n\n### 推荐\n![推荐](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_2249.PNG)\n### 排行榜\n![排行榜](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1807.PNG)\n![榜单](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1800.PNG)\n### 搜索\n![热门搜索和历史记录](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1808.PNG)\n![搜索结果](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1351.PNG)\n![搜索结果](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1591.PNG)\n### 播放页面\n![播放页面](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1352.PNG)\n### 专辑页面\n![专辑页面](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1587.PNG)\n### 歌手页面\n![歌手页面](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1588.PNG)\n![歌手页面](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1589.PNG)\n### 播放列表\n![播放列表](https:\u002F\u002Fgithub.com\u002FSioxas\u002FGitImage\u002Fraw\u002Fmaster\u002Fscreenshot\u002FIMG_1590.PNG)\n","Sioxas\u002Fvue-music 是一个基于 Vue 的音乐搜索和播放演示项目。该项目实现了音乐的基本操作如播放、暂停、切歌等，并支持创建播放列表、搜索歌曲、歌手、专辑及MV等功能，同时提供热门搜索、历史记录查看以及排行榜展示。它利用QQ音乐作为数据源，具有良好的移动端适配性，适合用于学习Vue框架下的多媒体应用开发或作为个人音乐播放器的基础模板。尽管当前版本不支持歌曲下载和个人喜好设置，但其丰富的功能与简洁的界面设计使其成为前端开发者研究和实践的良好案例。",2,"2026-06-11 03:20:09","top_language"]