vue 音乐盒app_基于Vue.js的音乐播放器（Webapp）

概述

项目是基于Vue.js，成品是一个移动端的音乐播放器，来源于imooc的实战课程。自己动手实践并加以修改拓展。

项目的大致流程是Vue-cli构建开发环境，分析需求，设计构思，规划目录结构，开始编码。

视图层

推荐页

歌手页

歌手详情

歌曲排行榜

排行榜详情

搜索页

用户中心

数据来源

所有数据都来自于QQ音乐，抓取自QQ的接口，大部分接口都是JSONP，抓取比较容易，其中一些接口限制了host，不能直接抓取，采用的方法是用axios代理，设置header，以此绕过host的限制。

PS：具体代码请看prod.server.js文件

技术栈

Vue

Vuex

Vue-Router

Vue-cli

Stylus

Axios

ESlint

Better-scroll

src目录结构

难点

player组件

讲一讲player 播放器组件，播放器组件可谓是整个项目的核心，当然数据处理和用户体验方面也是不简单的(逃。

播放器是全局组件，放在App.vue下面，通过Vuex传递数据，触发a