学习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. 第1天看完Vue的官方文档，大体了解一下Vue都有哪些功能，作到心中有数；
2. 第2天看完vue-router和vuex，了解路由和状态管理，借助Shopping Cart的例子快速理解，state、getters、actions、mutations、commit、dispatch、mapGetters、mapActions；
3. 第3天花了一点时间看axios，由于官方在Vue2.0中推荐axios;而后开始搭建项目结构，选择基于webpack的构建模板（不要问我怎么知道的，那么多优秀的开源demo）；
4. 第4天作了登陆的功能，将vue付诸实践。刚开始写代码比较生疏，只好一边查文档一边写；
5. 第5天作登陆后的总体布局，结合metronic；写最简单功能的列表时，没找到合适的table插件，决定本身写一个；
6. 第6天开始写本身的table插件，起了名字cxlt-vue2-table，放在了github上，先后花了4天，如今还不完善。写table插件的过程比较深刻的了解了vue，谷歌了无数次，也无数次了文档；
7. ...
8. 还写了一个自动完成的插件cxlt-vue2-autocomplete和弹出提示cxlt-vue2-toastr的插件

最后按时完成了这个小项目，一只脚也算踏进了vue的大门，争取早日将另外一只脚也踏进来。

将来

当下即将来，将来在当下

东西

上文提到的插件我都放在了github上，table和autocomplete还不是太完善，文档也没有写，周日的时候我把toastr的doc和example写了一下，感兴趣的能够前往看一下

项目地址：https://github.com/chengxulvtu/cxlt-vue2-toastr

Demo地址:https://chengxulvtu.github.io/toastr/index.html

Demo截图