用vue.js来重构项目

** 最近公司的一元夺宝app端交由我来开发，前端静态页面大体已经完成，需要保证在10号前上线，开发时间不算长但也不算短。 **

初衷

并没有足够的开发时间和积累，之前有过angularjs开发经验，但是用了之后体验感觉并不是太好，忘了具体哪位大哥带了 vue.js的节奏，小清新vue.js迈入我的视野。
整个前端的还是打算沿用之前的require.js jquery的开发模式，引入vue.js的初衷是由于购物车这类的页面，用jquery去写显的太过臃肿复杂，不够直观，修改bug，维护起来简直是一种煎熬，大量的时间都被浪费在了定位bug上，性价低到令人发指。

我用vue来做什么

痛点

之前修改的积分商城的购物车，频繁变更的需求与不合理的接口设置，再加上之前代码结构设计的不够合理，造成整个js文件有些混乱，新的活动需求的增加，使代码更难维护，如果再新增需求，单纯的依靠jquery心有余而力不足

为什么使用框架

对我来说，使用框架的意义就是提高工作效率，正如造轮子是码农一辈子都要坚持的运动，coding不止，造轮子不停。

做什么

初期以稳定上线为目的，使用vue.js来做页面渲染，事件的绑定，结合jquery来进行业务代码的梳理
大概的代码结构就是

define(['vue'],function(vue){
    return init: function(){
        var detail = new vue({
            //用来放数据
            data:{
            }，
            //声明周期created阶段，用来初始化数据
            created: function(){},
            //方法
            method:{
              add: function(){},
              minus: function(){},
              buynow: function(){},
              tab: function(){}，
              addCar: function(){},
              checkCar: function(){},
              buyNow: function(){}
            }
        });
    }
})

会在项目流程打通，整体完成之后，有时间进行深入使用，逐渐撤出jquery在项目中的使用占比，老组件vue方式重构封装，对vue.js更深入的使用

---

请不吝赐教，不胜感激！