前言
vue這個框架現在挺流行的，作為乙個專注前端100年的**愛好者，學習下目前流行的框架是必須的！在網上搜尋vue的專案是比較少的，在官網進行了入門學習後，沒有乙個專案練習鞏固下，學了就等於沒學，所以我就決定自己寫乙個專案咯。在這裡我也順便分享下我學習vue的資源。我在github上發現了乙個vue的大神，在這我就免費給他打打廣告吧！ 這個是他的github位址。
我現在要寫的專案肯定沒那麼複雜的了，但是作為乙個入門的練習專案是足夠的了，涵蓋了vue2.0的常用知識點。但是美中不足的是我寫這個專案的時候沒有去運用到sass或less，這點日後想辦法重構下。
因為利用業餘時間來做，年前就開始寫，週期有點長，專案現在我只寫了乙個商品頁的功能，為了以防自己會忘記，所以寫個部落格記錄下自己做到那裡了。
注：此專案純屬個人瞎搞，只是為了進行對vue的學習而已，還有這個專案也是在慕課網學的，也借用了他們的素材。但是也不是全抄的，學習了下思路，真的是自己寫的哦。
專案分析
1、專案主要分成三個模組，商品頁、評價頁、商家頁。這個專案沒有登入註冊功能了，因為沒有後端的支援，並且該專案只針對是單個商家的。
2、涉及的技術棧有：vue2 + vuex + vue-router + webpack + es6/7
效果圖如下：
商品頁專案構建
npm install --global vue-cli專案目錄介紹：npm install
今天就到這裡，下回就進入真正的編碼階段。
vue2 0 練習專案 外賣APP 完
經過今天的努力，終於把這個專案做完了 功能不是很多，就三個頁面這樣子吧！在開發過程中也有遇到些小問題的。比如我在弄那個star評選星星元件時就遇到乙個問題了，在created事件中作資料請求是非同步的，而star控制中的created事件也只會執行一次，導致頁面在載入出來時分數值始終是0的。後面思考...
vue2 0 練習專案 外賣APP 2
今天終於把商品頁和購物車功能弄出來了，在這個開發過程中遇到一些小坑，比如購物車和商品頁是分開兩個元件的，沒有利用到vue的雙向資料繫結的特性，導致在操作加減商品數量時兩個元件的資料沒有同步，後來我就重寫了一遍，好好的利用了vuex的狀態保持，這個東西真的很好用。先秀一段我寫的vuex 吧！1 狀態管...
vue2 0使用 1 建立新專案
vue版本 2.2.2 1.全域性安裝vue命令列工具 npm install g vue cli 2.建立乙個基於webpack模板的新專案 vue init webpack my project 注 跟 npm init 類似，輸入一系列專案描述與配置，可以不用配置eslint和單元測試框架。3...