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吧，反正對我個人來說，react比vue難。。。
- 在這過程中遇到困難确實磨砺心志，Google都Google爛，有幾天編到淩晨都頭發暈，寫到懷疑自己，但是做到現在，每完成一個頁面還是挺有成就感的；程式設計這東西吧有時候還是得看點天賦，有些大神做這點東西幾天就搞完了。
- 學無止境，前端要學的東西感覺實在太多了，但是還是要立足根本，繼續把js基礎打好、學好英文；前端吧，堅持與熱愛比什麼都重要，最後引句話共勉吧：
人一能之，己百之；人十能之，己千之。果能此道矣，雖愚必明，雖柔必強。《禮記·中庸》
參考學習：
https://cn.vuejs.org/v2/guide/installation.html https://router.vuejs.org/zh-cn/ https://vuex.vuejs.org/zh-cn/ http://es6.ruanyifeng.com/#docs/intro http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://javascript.ruanyifeng.com/nodejs/npm.html http://www.jianshu.com/p/7b79094cb957