效果圖：
使用微信或手機瀏覽器掃描二維碼預覽
在線地址：https://www.huzerui.com/vue2.0-demo
源碼：https://github.com/alex1504/vue2.0-demo
說明：
2017.1.13 主導航電影、音樂、圖書、圖片使用router跳轉電影模塊使用tab菜單切換各個列表模塊下拉滾動加載圖片模塊使用flex佈局實現瀑布流效果
2017.1.17 增加了電影詳情模塊，優化路由跳轉
2017.1.18 增加了登錄、登出模塊，使用leancloud數據存儲功能
2017.1.19 增加了圖片詳情模塊，增加了新的生產依賴vue-touch
2017.2.6 新增用戶註冊模塊
使用vue-cli構建
生產環境依賴包：
"axios": "^0.15.3",//發送請求
"vue": "^2.1.0",
"vue-material": "^0.5.2", //谷歌material概念的Ui框架
"vue-router": "^2.1.1", //路由
"vue-swipe": "^2.0.2", //slide插件
"vuex": "^2.1.1" // 狀態管理
"vue-touch": "^2.0.0-beta.3",//觸摸插件
開發依賴：請看源碼中package.json文件的devDependencies
使用了幾個開放的接口（各個接口地址請在components中各個list組件的loadMore方法中查看）：
豆瓣- 電影圖書 （注意：豆瓣的接口有每分鐘40次的限制，超過調用貌似會凍結幾分鐘，所以電影模塊和圖書模塊有時候會出現沒有東西的情況）
網易- 音樂列表音樂搜索
gankio- 福利圖
其他說明：
- Vue-material組件中的spinner（加載組件）在安卓機下面的瀏覽器有些無法正常顯示，ios下面測試正常，chrome以及微信中體驗效果較好。
- 由於衆所周知的原因，谷歌字體只能過牆後才能被正常加載，而Vue-material中的原生icon使用了谷歌字體，在這個案例中改爲使用iconfont。
- 代碼存在github，國內訪問速度沒那麼快，初次加載較慢請耐心等待。
- 如果項目對你有所幫助，不妨star一下，你的支持是我前進的動力。
- 知乎:https://www.zhihu.com/people/huzerui/activities 歡迎隨時私信交流
PS：更多前端資訊、技術乾貨，請關注公衆號「前端新視界」，後臺回覆 “1” 獲取100本PDF前端電子書
回覆 “2” 獲取小編精選的Python編程電子書
