前端變化飛快,掌握一門前端框架在當下開發中必不可少,vue.js作為三大框架之一,擁有友好的中文文檔,平緩的學習曲線,在經過一段時間的學習之後,自己也用vue實現了一個簡單的小dome,項目雖小,但都用到了當下最常用的技術,可謂是麻雀雖小、五臟俱全。 ...
介紹
學習Vue.js也有一陣子了,為了加深對Vue的理解及運用,做了一個小項目。這是一個高仿餓了麽外賣WebApp,現已完成商品預覽、商品詳情、商家預覽、添加購物、查看評論等功能。
部分截圖
項目預覽
技術棧
雖然項目較小,但常用的技術工具均有使用,本項目對於vue初學者來說,難度適宜,可以從中學到各種工具的運用,若能獨立完成此項目,對自動化構建vue項目將有很大幫助。正在學習Vue的同學,不妨親手試試吧。本項目使用到的技術棧有:
- MVVM框架:Vue.js(2.x)
- 狀態管理:Vuex
- 前端路由:Vue-router
- 服務端通訊:axios
- 滾動插件:iscroll
- 構建工具:webpack
- css預處理:stylus
說明
線上預覽版本數據為mock數據,未使用axios從伺服器端獲取,若想瞭解axios在本項目中的使用,可fork本項目並clone到本地查看。
上文中已貼出源碼地址,供有興趣的同學查看,歡迎star或fork。