用vue實現簡易的音樂webApp

1、前言

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

作者：Ewall_

鏈接：https://www.jianshu.com/p/14f9d00968af

來源：簡書

著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。

推薦閱讀：