基於vue2.0實現的vivo移動端商城(vue+vuex+vue-ruoter+webpack)

justDoin發表於2017-12-05

前言

初學vue2.0也有一兩個月的心想想做個小專案來測試下我的水平,這不擼起袖子就是幹,看了vivo移動商城挺簡潔的就仿了個vivo商城,之所以選擇vivo商城,是因為商城涉及到購物車操作、訂單管理、其次就是網上也有很多的案例但都是音樂播放器,外賣手機端,千篇一律,所以我就選擇了商城。

該專案是由(vue2.0+vuex+vue-router+vue-resource+webpack)完成的,後期會用axios代替vue-resource 因為是第一次做手機端有些地方做的還不是那麼完美還存在一些小BUG,不過後期我會努力完善的。?

寫完這個專案我學到了很多收穫了很多知識尤其對vue元件指令、渲染資料、計算屬性、繫結事件以及vuex狀態管理、vue-router路由的使用有了一定了解。

另外歡迎各位fork、star ?

專案預覽

?線上預覽
?github

部分功能

首頁輪播圖效果
首頁輪播圖實現連結跳轉
商品詳情列表
商品詳情輪播效果
商品立即購買/加入購物車
購物車加減數量刪除商品
購物車結算清空
商品刪除結算
模擬支付成功後加入訂單
商品訂單刪除
模擬訂單付款成功生成訂單
Localstorage本地儲存資料

相關文章