基於 vue2 + vuex 構建一個具備 45 個頁面的大型單頁面應用

初學vue時曾在網上搜索vue的實戰項目源碼,無奈大部分都是簡單的demo,對於深究vue沒有太大的幫助,剩下的一些大部分都是像音樂播放器之類的展現型項目,交互沒有預期那麼複雜。但咱們實際在工做中,常常會遇到有購物車的項目,這類項目由於涉及到money,因此對邏輯嚴謹度要求高,頁面之間交互複雜,又會伴隨着登錄、註冊、用戶信息等等,經常會讓咱們很頭疼。既然還沒人用vue寫過這樣的項目,那不如我來寫,開源出來對能看到的人也會有幫助。vue

這種功能性的項目很實用可是每每也很枯燥,沒有音樂播放器那麼看起來絢麗,思來想去發現餓了麼是一個不錯的素材,一來它足夠複雜,開放的外賣平臺比通常的公司獨有商店更加複雜。二來 見到那麼多美食,你們也不會感受到厭煩。佈局

爲啥是餓了麼,而不是百度,美團?緣由很簡單,三個外賣大佬裏,餓了麼的色調和佈局是最漂亮的,看起來最舒服。性能

此項目大大小小共 45 個頁面,涉及註冊、登錄、商品展現、購物車、下單等等,是一個完整的流程。通常公司即使是官網的單頁面項目都沒這麼複雜,若是這個項目能駕馭的了,相信大部分公司的其餘單頁面應用也就不在話下,即使更復雜,也不會比這個高到哪裏去。優化

由於利用業餘時間來作,年前就開始寫,又跨個年,週期有點長,項目從零布局到完成共用了2個多月的時間,目前項目已經完成,正在進行一些性能的優化,增長詳細的註釋。視頻

另外,這個項目和慕課網視頻的那個餓了麼沒有任何關係,慕課網的項目只有一個頁面,我在看完vue的官方文檔後直接寫了這個項目,沒有參照任何人的代碼,請你們不要混爲一談。文檔

注:此項目純屬我的瞎搞,正常下單請選擇餓了麼官方客戶端。源碼

相關文章
相關標籤/搜索