有不少的小伙伴在學(xué)習(xí)新框架后俯树，感覺(jué)很迷茫勇蝙，不知道如何正確使用該框架，沒(méi)有實(shí)際的上手項(xiàng)目可以實(shí)戰(zhàn)除盏，就不清楚自己對(duì)新框架的掌握程度~
作為目前國(guó)內(nèi)很火的MVVM框架——Vue，很多初學(xué)者跟我一樣挫以，在看完文檔后表示不知道該框架正確的使用姿勢(shì)者蠕，恰巧，最近做Vue項(xiàng)目有點(diǎn)心得屡贺，就順手?jǐn)]了一個(gè)Vue仿QQ音樂(lè)移動(dòng)端官網(wǎng)的demo供初學(xué)者學(xué)習(xí)蠢棱，讓你掌握Vue正確的使用方法~
項(xiàng)目地址為 傳送門(mén)
不多說(shuō)了锌杀，我們先看看最后的效果圖~
實(shí)際上整個(gè)項(xiàng)目并不復(fù)雜甩栈，但是麻雀雖小五臟俱全，小小的項(xiàng)目中包含了 Vue糕再，Vuex量没，Vue-router 等一些常用的開(kāi)發(fā)庫(kù)，讓你擺脫原來(lái) jQuery 的繁瑣的 dom 操作突想，深入了解vue的組件化編程殴蹄，體會(huì)數(shù)據(jù)驅(qū)動(dòng)帶來(lái)的快感究抓！
ps：本項(xiàng)目中的數(shù)據(jù)全部來(lái)源于QQ音樂(lè)官方接口，但是由于QQ音樂(lè)官方接口的限制袭灯，本項(xiàng)目暫時(shí)采用的是zepto的jsonp模擬請(qǐng)求刺下，實(shí)際項(xiàng)目開(kāi)發(fā)中推薦使用axios；
帶你入坑了稽荧，接下來(lái)橘茉，請(qǐng)開(kāi)始你們的表演~
