前言
由於最近手上的一個項目剛剛完結 ，所以現在處在一個比較閑的狀態 ，想着真的這樣休息這也不是一個事，所以就琢磨着學點什么？
於是立馬就像到了當前火熱的一些前端框架 ，如：ReactJs ，AngularJs ，VueJs 等! 其實在之前閑暇的時間里面也多少的去接觸過這些框架 ，
但是僅僅處於一個了解的狀態 ，算是比較零散吧！並沒有用一個完整的Demo去更加系統的了解它們的各種特性 。
所以這一次打算選取其中一個框架，用一個完整的實例來走以遍 ，對於這三大框架的差異和選取這里就不過多的贅述，網上已經有很多相關的文章和帖子了，經過一番思考后最終我選擇了擁抱Vue.js 。
其實此時使用Vue.js全家桶的一個完整的Demo已經完成了，接下來會記錄一些列對該項目的一些體會 ，從剛剛開始環境的搭建到編寫代碼，中間所遇到的困難，以及到最后的打包和發布等。僅僅作為對這個項目的一個總結和技術的沉淀，也便於以后自己方便查找相關的知識 ，或許也可能給一些也想用一個完整的項目來學習Vue.js的童鞋帶去一點微不足道的幫助。
該項目是模仿豆瓣集市的web端來寫的，一個是自己的電商這一塊有一中莫名的情愫吧！還有一個就是對於豆瓣的設計風格也比較情有獨鍾，so 打算就以它來作為這個demo,因為真的是你很喜歡的事情你去做起來才不會覺得那么累，才有動力和興趣，也能更好的去堅持。因為我之前常常做到一半就不想做了 ，大部分都是半途而廢，也畢竟是業余的學習，所以也不會那么強逼這自己。
技術棧(第一版)：
1. vue2
2.vue-router2
3.axios
4.webpack
5.es6
基於上面的一個技術棧做完之后 ，在考慮要不要把vuex加入進來 ，感覺現在大部分一搞就是全家桶啊 ！咱們不來一個全家桶感覺會被人看不起和鄙視的 ，哈哈 ！
上面只是一個玩笑啊！也不是說單純的追時髦，之所以加進來的原因有兩個 ，一個是：通過整個項目下來發現確實有些狀態用的地方挺多的，一多起來管理起來就不是那么容易了 ，為了統一便於管理, 二個是：想學習和體驗一下vue的全家桶到底是什么感覺 。所以后面就在之前的基礎上加上了vuex來進行對項目的狀態的管理。
技術棧(第二版):
1. vue2
2.vue-router2
3.vuex
4.axios
5.webpack
6.es6
結語
最后附上本文的Demo和源代碼，如果您覺得本篇內容不錯，請點個贊，或在GitHub上加個星星，您的鼓勵就是我的動力！^_^