用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更深入的使用


请不吝赐教,不胜感激!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容...
    忘川慕白阅读 5,979评论 7 113
  • 在博客来看到这本封面觉得有趣极了,终于买到手了!台版书就是麻烦一点,但收到还是很心水。 《读古文撞到乡民》 作者是...
    拉撒他阅读 583评论 0 0
  • 写个使用测评。用了一礼拜不到,发现了众多bugs!你有刘海我不嫌弃,因为你上面装了好多摄像头感应器什么的,能设计成...
    BlueSkyRose阅读 390评论 0 0
  • 今天是周五,下午我没课。 从校长室出来,带着微笑,我顺便去教室看看正在上英语课的孩子们。 走到后门口,一眼发现...
    槑本无心阅读 218评论 0 0
  • 翻转课堂教学的最大优势之一,是在知识传授阶段,让学生可以自己掌控学习。翻转课堂后,利用教学视频,学生能根据...
    海口市五源河学校吴乾辉阅读 370评论 0 1