** 最近公司的一元夺宝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更深入的使用
请不吝赐教,不胜感激!