學習vue 20天，我寫了點東西
往昔
最初團隊裡使用Angularjs進行開發，剛開始還好，到了專案後期越發感覺Angularjs太重了，以至於後來重構專案時，毅然放棄Angularjs，投入了Vue的懷抱。除了組建團隊時，是我搭建了基於Angularjs的前端開發框架，之後都是由前端小組開發。前段時間，由於公司層面的原因，整個團隊解散，不得已我又要寫前端程式了。
雖然前期Angularjs的開發框架是我搭建的，但對前端來說我也是半路出家了。那個時候也不知道模組開發，更分不清commonJS、AMD、CMD，知道有個requirejs，就研究requirejs，研究了幾天突然冒出一個叫grunt的構建工具，於是又研究grunt，同樣研究了幾天又竄出來個叫gulp的東西，丟了grunt又研究起gulp來，這真有點像小時候聽的猴子摘桃的故事，看見好的就丟掉了之前的，最後什麼都沒得到。gulp搞的差不多了，不知又從哪裡看到了一個叫webpack的東西，我的天哪，當時的感覺就是前端的東西太多東西了，那個時候是2015年下。
當下
再一次寫前端程式已經到了2017年了，除了維護之前Angularjs的程式碼，還有新的專案，我選擇了Vue 2.0。
學習一門新的技術是需要花費不少代價的，時間不說，動力也是不可或缺的。時間我有，動力也足，那就是半個月做完一個小的管理後臺，API已經在上個周加班加點搞定了。半個月要學一門新的技術，還要把功能做完，自我感覺應該是沒問題的，畢竟Vue真的是一個非常簡單的框架。
我簡單列了一個簡單的學習計劃，不用太詳細，因為計劃總是趕不上變化，事實也確實如此，最重要的還是動手、實踐、執行。
- 第1天看完Vue的官方文件，大致瞭解一下Vue都有哪些功能，做到心中有數；
- 第2天看完vue-router和vuex，瞭解路由和狀態管理，藉助Shopping Cart的例子快速理解，state、getters、actions、mutations、commit、dispatch、mapGetters、mapActions；
- 第3天花了一點時間看axios，因為官方在Vue2.0中推薦axios;然後開始搭建專案結構，選擇基於webpack的構建模板（不要問我怎麼知道的，那麼多優秀的開源demo）；
- 第4天做了登入的功能，將vue付諸實踐。剛開始寫程式碼比較生疏，只好一邊查文件一邊寫；
- 第5天做登入後的整體佈局，結合metronic；寫最簡單功能的列表時，沒找到合適的table外掛，決定自己寫一個；
- 第6天開始寫自己的table外掛，起了名字cxlt-vue2-table，放在了github上，前後花了4天，現在還不完善。寫table外掛的過程比較深入的瞭解了vue，谷歌了無數次，也無數次了文件；
- ...
- 還寫了一個自動完成的外掛cxlt-vue2-autocomplete和彈出提示cxlt-vue2-toastr的外掛
最後按時完成了這個小專案，一隻腳也算踏進了vue的大門，爭取早日將另一隻腳也踏進來。
未來
當下即未來，未來在當下
東西
上文提到的外掛我都放在了github上，table和autocomplete還不是太完善，文件也沒有寫，週日的時候我把toastr的doc和example寫了一下，感興趣的可以前往看一下
Demo截圖
