前言

https://github.com/bailicangdu/vue2-elm

初學vue時曾在網上搜索vue的實戰專案原始碼，無奈大部分都是簡單的demo，對於深究vue沒有太大的幫助，剩下的一些大部分都是像音樂播放器之類的展示型專案，互動沒有預期那麼複雜。但我們實際在工作中，經常會遇到有購物車的專案，這類專案因為涉及到money，所以對邏輯嚴謹度要求高，頁面之間互動複雜，又會伴隨著登入、註冊、使用者資訊等等，常常會讓我們很頭疼。既然還沒人用vue寫過這樣的專案，那不如我來寫，開源出來對能看到的人也會有幫助。

這種功能性的專案很實用但是往往也很枯燥，沒有音樂播放器那麼看起來絢麗，思來想去發現餓了麼是一個不錯的素材，一來它足夠複雜，開放的外賣平臺比一般的公司獨有商店更加複雜。二來 見到那麼多美食，大家也不會感覺到厭煩。

為啥是餓了麼，而不是百度，美團？原因很簡單，三個外賣大佬裡，餓了麼的色調和佈局是最漂亮的，看起來最舒服。

此專案大大小小共 45 個頁面，涉及註冊、登入、商品展示、購物車、下單等等，是一個完整的流程。一般公司即便是官網的單頁面專案都沒這麼複雜，如果這個專案能駕馭的了，相信大部分公司的其他單頁面應用也就不在話下，即便更復雜，也不會比這個高到哪裡去。

因為利用業餘時間來做，年前就開始寫，又跨個年，週期有點長，專案從零布局到完成共用了2個多月的時間，目前專案已經完成，正在進行一些效能的優化，增加詳細的註釋。

另外，這個專案和慕課網視訊的那個餓了麼沒有任何關係，慕課網的專案只有一個頁面，我在看完vue的官方文件後直接寫了這個專案，沒有參照任何人的程式碼，請大家不要混為一談。

注：此專案純屬個人瞎搞，正常下單請選擇餓了麼官方客戶端。

技術棧

vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg

關於 資料介面 的說明