介紹
學習Vue.js也有一陣子了,爲了加深對Vue的理解及運用,作了一個小項目。這是一個高仿餓了麼外賣WebApp,現已完成商品預覽、商品詳情、商家預覽、添加購物、查看評論等功能。css
部分截圖
項目預覽
技術棧
雖然項目較小,但經常使用的技術工具均有使用,本項目對於vue初學者來講,難度適宜,能夠從中學到各類工具的運用,若能獨立完成此項目,對自動化構建vue項目將有很大幫助。正在學習Vue的同窗,不妨親手試試吧。本項目使用到的技術棧有:前端
- MVVM框架:Vue.js(2.x)
- 狀態管理:Vuex
- 前端路由:Vue-router
- 服務端通信:axios
- 滾動插件:iscroll
- 構建工具:webpack
- css預處理:stylus
說明
線上預覽版本數據爲mock數據,未使用axios從服務器端獲取,若想了解axios在本項目中的使用,可fork本項目並clone到本地查看。vue
上文中已貼出源碼地址,供有興趣的同窗查看,歡迎star或fork。webpack