上手vue.js之后，选择的第一个项目就是音乐播放器，使用qq音乐的api，界面仿腾讯本地音乐播放器“轻听”，功能包括最近播放、添加到喜欢、榜单详情、歌手详情、专辑详情。技术栈基本是vue全家桶，vue-router、vuex、es6特性（正在学习中）、webpack、express......
源码
写了很多注释，方便大家参考学习：😁github
项目预览：😝轻听 欢迎大家来star~
高清无码预览图
技术栈
- vuex：用来数据管理真的是一级棒，合理的使用组件的状态共享会事半功倍
- better-scroll：号称移动端最好用的滚动插件，的却很好用，效果很棒
- webpack：用来打包、压缩，页面的懒加载可以提升第一次打开的加载速度
- good-Storage：封装了localStorage，方便使用，保存用户的喜欢列表，搜索历史
总结
- 数据绑定：vue的响应式系统是基于数据驱动的，计算属性会根据数据的改变而改变DOM节点。节点和计算属性都依赖于数据，处理好这些依赖关系很重要。比如项目中的，添加歌曲到我喜欢，最近播放，删除搜索历史，歌曲切换都会根据数据的改变而改变DOM节点。
- 组件化：把一个应用拆分成多个组件，各组件有机结合，抽象出基础组件，提高编码效率
- 数据抓取：qq音乐的api还是挺明显的，用chrome就可以很容易获得。一般带fcg的就是了
