Vue2.0簡易案例

sourcenode 發布于2019-08-20 13:52 / 3224人閱讀

摘要：由于眾所周知的原因，谷歌字體只能過墻后才能被正常加載，而中的原生使用了谷歌字體，在這個案例中改為使用。代碼存在，國內訪問速度沒那么快，初次加載較慢請耐心等待。如果項目對你有所幫助，不妨一下，你的支持是我前進的最大動力。

效果圖：

使用微信或手機瀏覽器掃描二維碼預覽

在線地址：?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",??//觸摸插件

開發依賴

"babel-core": "^6.0.0",
"babel-loader": "^6.0.0",
"babel-preset-es2015": "^6.0.0",
"cross-env": "^3.0.0",
"css-loader": "^0.25.0",
"file-loader": "^0.9.0",
"mockjs": "^1.0.1-beta3",
"node-sass": "^4.2.0",
"sass": "^0.5.0",
"sass-loader": "^4.0.0",
"style-loader": "^0.13.1",
"vue-loader": "^10.0.0",
"vue-style-loader": "^1.0.0",
"vue-template-compiler": "^2.1.0",
"webpack": "^2.1.0-beta.25",
"webpack-dev-server": "^2.1.0-beta.9"

使用了幾個開放的接口

各個接口地址請在components中各個list組件的loadMore方法中查看

豆瓣- 電影??圖書? ?（注意：豆瓣的接口有每分鐘40次的限制，超過調用貌似會凍結幾分鐘，所以電影模塊和圖書模塊有時候會出現沒有東西的情況）

網易- 音樂列表??音樂搜索

gankio- 福利圖

其他說明：

Vue-material組件中的spinner（加載組件）在安卓機下面的瀏覽器有些無法正常顯示（除了chrome），ios下面測試正常，微信中體驗效果較好。

由于眾所周知的原因，谷歌字體只能過墻后才能被正常加載，而Vue-material中的原生icon使用了谷歌字體，在這個案例中改為使用iconfont。

代碼存在github，國內訪問速度沒那么快，初次加載較慢請耐心等待。

如果項目對你有所幫助，不妨star一下，你的支持是我前進的最大動力。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81287.html

關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0
Vue 筆記三：Vue2.0與1.0的區別

摘要：升級的區別與的斷層式升級不同，延續了自己的風格。在命名方式和上有一些區別，掌握它們是你升級整個項目的關鍵。以下內容都是來源于個人項目的一些經驗之談，并非系統性的闡述。總目錄前端經驗收集器轉載自個人建了前端學習群，旨在一起學習前端。升級的區別與angular的斷層式升級不同，vue延續了自己的風格。在命名方式和API上有一些區別，掌握它們是你升級整個項目的關鍵。以下內容都是來源于個人...

Big_fat_cat 2019-08-21 11:35 評論0 收藏0