前言用vuecli3搭建的SPA手机网页，具有搜索、播放、歌单功能。整体UI来自网易云音乐官网，部分组件使用vux。播放功能没有单独写一个组件的页面，使用原生的H5。抓取网易云音乐的api地址。单击此处预览在线预览。PC端建议在chrome调试模式下预览，手机端直接点链接。网页效果截图：源码分析src目录分析：│App.vue│main.js│router.js│├─api//api配置文件夹│common.js│config.js│├─assets//静态图片资源│find.svg│hot_bg.jpg│hot_icon.png│play.png│├─components│├─HomeBottom//首页底部组件││foot.svg││footbg.png││index.vue│││├─HomeTop//首页头部组件││index.vue││logo.svg│││├─HotWord//热搜词││index.vue│││├─MusicPlayer//播放器组件││index.vue│││├─RecommendList//推荐歌曲列表││index.vue│││├─SongItem//歌曲组件││index.vue│││├─TabIndex//tab首页││index.vue│││├─TabRank//tab的排行榜页面││index.vue│││└─TabSearch//tab的搜索页面│index.vue│├─store//vuex│actions.js│getters.js│index.js│mutation-types.js│mutations.js│state.js│├─styles│playlist_page.css│remd_list.css│song_item.css│└─viewsHomePage.vue//主界面PlayListPage.vue//歌曲单页技术栈：vuexvue-routervux(UI库)axios初学vue，代码肯定有很多不好的地方。不嫌弃的话可以给个Stargithub项目地址，前端小江
