vue全家桶 仿小紅書開源項目

項目依賴

• 使用vue-cli2.0搭建項目框架
• 使用vue-router2.7進行頁面路由切換
• 使用json server進行http請求獲取數據
• mock假數據存儲在本地
• 使用stylus編寫樣式
• vuex進行狀態管理
• better-scroll優化滾動效果
• vue-awesome-swiper輪播圖
• flexible.js 10rem解決移動端設備兼容

效果演示

項目github地址： 項目請戳這

預覽地址： 預覽請戳這

項目總結

項目使用到vue-router進行路由切換，組件化開發讓我更加具備組件化思惟，vuex的狀態管理模式，項目所用到的假數據爲小紅書官網上的一些數據，以及小紅書app上的截圖。踩過一些坑,vue-awesome-swiper實現圖片輪播時，選擇free模式時不能改變swiper-item之間的距離，卡頓許久，經過仔細閱讀官方文檔才發現還有這個選項spaceBetween，果真要多看文檔;打包後的文件index.html出現空白頁，經過瀏覽社區大牛的文章，才知道須要關閉路由文件的history模式。

如果以爲文章還不錯不妨點個贊吧~~

歡迎star，歡迎issue