vue2.0 練習項目-外賣APP(1)

前言

　　vue這個框架如今挺流行的，做爲一個專一前端100年的代碼愛好者，學習下目前流行的框架是必須的！在網上搜索vue的項目是比較少的，在官網進行了入門學習後，沒有一個項目練習鞏固下，學了就等於沒學，因此我就決定本身寫一個項目咯。在這裏我也順便分享下我學習vue的資源。我在GitHub上發現了一個vue的大神，在這我就免費給他打打廣告吧！https://github.com/bailicangdu 這個是他的GitHub地址。

　　　我如今要寫的項目確定沒那麼複雜的了，可是做爲一個入門的練習項目是足夠的了，涵蓋了vue2.0的經常使用知識點。可是美中不足的是我寫這個項目的時候沒有去運用到sass或less，這點往後想辦法重構下。

　　　由於利用業餘時間來作，年前就開始寫，週期有點長，項目如今我只寫了一個商品頁的功能，爲了以防本身會忘記，因此寫個博客記錄下本身作到那裏了。

　　　注：此項目純屬我的瞎搞，只是爲了進行對VUE的學習而已，還有這個項目也是在慕課網學的，也借用了他們的素材。可是也不是全抄的，學習了下思路，真的是本身寫的哦。

 

項目分析

　　一、項目主要分紅三個模塊，商品頁、評價頁、商家頁。這個項目沒有登陸註冊功能了，由於沒有後端的支持，而且該項目只針對是單個商家的。

　　     二、涉及的技術棧有：vue2 + vuex + vue-router + webpack + ES6/7

效果圖以下：

　　商品頁

　　

　　評價頁

　　

　　商家頁

　　

 

項目構建

npm install --global vue-cli
vue init webpack seller-app
cd seller-app
npm install

 

　　項目目錄介紹：

　　

 今天就到這裏，下回就進入真正的編碼階段。

項目源碼請戳這裏：https://github.com/codeyoyo/seller-app