https://www.cnblogs.com/zsqos/p/6931179.html

介紹

學習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。