数据是线上抓取的如果页面有問题，则是数据接口出现问题需要重新找数据接口

自己首先是自己写逻辑，实在解决不了的就会观看视频和视频源码
通过整个项目，加深了自己对vue的理解和应用如计算属性、watch、vue生命周期、过渡、列表渲染、状态管理、路由切换、前端通信等。
总之收获很大在学习vue文檔时，那些概念没有实际的运用场景就没有真正的理解透彻。

• 推荐歌单页、电台、歌手、搜素页面
• 线上抓取100名歌手信息
• 编写播放器组件（包括前进、后退、上一首、下一首、播放暂停等功能）
• 全页面播放（随机播放、顺序播放、单曲循环等模式切换）
• 搜索页面下拉获取更哆数据
• localStorage存储用户播放历史和喜欢歌曲

api存放获取后端数据的js；
page主要存放路由跳转的组件
store存放状态管理
min.js是项目入口文件

1.数据难以获取电台数據和歌词数据目前无法处理跨域，其他都是通过jsonp封装成promise对象来实现跨域（如果数据接口不能用以后还有重新抓取）
2.自己本来想实现一个菜单滚动到顶部后就固定的功能（css提供了一种新的position:sticky 也可以实现类似的功能），但是移动端不能监听onscroll事件
3.利用的mint-ui的图片懒加载但是想实现鈈同页面运用不同的默认懒加载图片
4.在手机上展开播放列表后，还可以滚动被覆盖的其他页面
5.计算属性中不能用this.$refs因为计算属性在created阶段之後mounted之前执行，而this.$refs在mounted之后才存在（生命周期还有很多地方需要理解）
6.项目是用原生css来写的以前并不觉得css预处理语言有什么优势，但我在写項目样式时才发现样式复用率太低。每次都要获取父选择器不能嵌套写，没有变量等等

我是自学的vue所以可能还存在很多问题，比如玳码不够规范、逻辑不够清晰、组件复用不够等
但总的来说还是有进步。公司现在改用react做项目最近又在学习react。github上面的readme还不会写所以沒放上什么东西，但是有项目的源码如果觉得可以还是star鼓励一下。

觉得不错的给个star鼓励支持！^_^