1、前言
学了半个月的vue，做这个小项目也做了半个月；数据是实时抓取自QQ音乐的api接口，主要的功能实现是对网页版的qq音乐功能来做参考。
2、关于项目

这个小项目用了webpack+vue全家桶+es6等技术栈来实现的，基本实现了音乐播放，数据的动态抓取，因为要开学了，所以歌词页面和搜索也还没完善，后面也会慢慢的更新解决
具体效果


首页
榜单
排行榜
github地址：https://github.com/Ewall1106/webApp


3、下一步

首先的话还是会要继续夯实js基础，然后会梳理下这半个来月做这个小项目过程中遇到的问题，将知识点再整理一下写成文章，巩固一下知识点的同时也希望能为大家提供点帮助。
然后会把接下来的搜索、歌手等几个页面完成，完善整个webApp，然后也想引用下mint-ui这个vue组件，完善下页面，丰富下效果

4、总结

通过这个项目学到的东西当然是不言自明的。对vue技术栈有了初步的认识，v-router怎么用、vuex单向数据流、v-resource、qq音乐api数据怎么抓等、然后对前端项目的构建利用webpack自动化构建工具从无到有整个流程有了了解。
其实一开始我是学了有一个月的react，现在又撸了一个月vue，对于前端框架也是半年内开始学习（以前一直都在搞js基础），也在尝试不同的框架，找到自己最合适的那个，两者之间异同就不说了，框架入门还是选vue吧

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！