有不少的小伙伴在学习新框架后,感觉很迷茫,不知道如何正确使用该框架,没有实际的上手项目可以实战,就不清楚自己对新框架的掌握程度~
作为目前国内很火的MVVM框架——Vue,很多初学者跟我一样,在看完文档后表示不知道该框架正确的使用姿势,恰巧,最近做Vue项目有点心得,就顺手撸了一个Vue仿QQ音乐移动端官网的demo供初学者学习,让你掌握Vue正确的使用方法~
项目地址为 传送门
不多说了,我们先看看最后的效果图~
实际上整个项目并不复杂,但是麻雀虽小五脏俱全,小小的项目中包含了 Vue,Vuex,Vue-router 等一些常用的开发库,让你摆脱原来 jQuery 的繁琐的 dom 操作,深入了解vue的组件化编程,体会数据驱动带来的快感!
ps:本项目中的数据全部来源于QQ音乐官方接口,但是由于QQ音乐官方接口的限制,本项目暂时采用的是zepto的jsonp模拟请求,实际项目开发中推荐使用axios;
带你入坑了,接下来,请开始你们的表演~