vue2.5全家桶 高仿vivo商城 百分之95

vue全家桶 vue2.0+vuex+axios+better-scroll還有就是miut-ui組件庫

開頭

在線預覽

舊的版本：vivo移動端商城

新的版本：vivo移動端商城

項目演示地址：vivo移動端商城

建議Chrome調試手機模式下預覽

由於剛買的域名主機因此要解析，實名認證才能夠瀏覽，因此大家仍是下把項目給下載下來本地運行看把！😊

廢話

項目源碼地址：vivo-shop，以爲還能夠的話給個star 在這先謝謝了~

剛出來實習兩個月 因此沒有那麼的時間來寫，只有週六週日有時間！因此幫忙贊下這篇文章感謝了！🙏

寫在前面

這個小項目還有不少地方作的還不是那麼完美還存在一些小BUG，不事後期我會努力完善的，但求各位大佬提出大家的-> 建議，若是你覺的對你有幫助幫忙點個star謝謝！

由於比較趕因此有些功能還沒實現，一些代碼也沒有優化好尤爲是一些樣式大家將就看吧，不過基本功能都寫完了，沒有實現都功能上拉下拉刷新、加載更多等等，後面會陸陸續續的作完的！因此關注我吧！收藏此文章吧或者關注我>>>github

前端交流羣740625675 志同道合的能夠加下一塊兒學習！

Ps：由於我喜歡簡約大氣一點的因此主題顏色就是白+天藍色

效果預覽

首頁、分類、動態、個人

商品詳情、提交訂單、訂單詳情

文章列表、文章詳情、文章收藏

個人訂單、商品收藏、個人購物車

收貨地址、地址添加、地址管理

開發目的

想着寫一個案例放在開源網站上，時不時更新、完善、修改來提升本身技術能力，固然我也須要大家的建議有大家的建議個人做品也會更加完美

技術棧

vue-cli 是vue的腳手架工具，目錄結構、本地調試、代碼部署、熱加載、單元測試。

vue-router 是官方提供的路由器，使用vue.js構建單頁面應用程序變得垂手可得。

vuex 是一個專爲 vue.js 應用程序開發的狀態管理模式，簡單來講Vuex就是管理數據的。

Mint UI 由餓了麼前端團隊推出的 Mint UI 是一個基於 vue.js 的移動端組件庫。

better-scroll：解決移動端各類滾動場景需求的插件，使移動端滑動體驗更加流暢

axios：用來請求後端api數據

實現功能

商品詳情、文章詳情、訂單詳情、訂單提交、分類管理、商品搜索、商品/文章收藏、購物車功能(增、刪、單全選)、積分動態獲取、訂單管理、收貨地址管理、localstorage儲存等功能

項目運行

# 安裝項目依賴
npm install 

# 啓動服務 訪問http://localhost:8080
npm run dev

# 編譯打包
npm run build

騷話

記得當時在學校自學前端的時候一個佈局浮動弄了我快三四天的時間，當時一度懷疑我是否是適合學編程，以後冷靜下來想一想別人能作到爲何我就不能？那時候也是老是沉不住氣，一遇到問題就想要放棄，學編程不是一蹴而就，而是慢慢的積累知識點哪怕是天天寫兩三個功能或是說解決一個問題，長期積累下去也會學到不少，只有不急不躁具備空杯心態才能碩果累累！

對。以上就是個人騷話！！！說下我我的的觀點！！！寫的很差，大佬輕噴！！

寫在最後

數據都來自於vivo官網若有侵權請請聯繫刪除這個小項目作的有點粗糙能夠說是很是粗糙、各位將就看看吧、大佬輕噴、還有就是我要厚着臉皮要個star 感謝 🙏