第一个vue项目——从0到1构建vue(一)

入职学霸君三周,我的第一个大需求,世界杯活动历时两周,刚刚终于上线。这是我第一个实践中的vue项目,也磕磕绊绊的完成了从react的转变。以此为记。

首先记录下菜鸟的学习过程:

(1)看个大概

因为每个活动代码相对独立,我先大致看了一遍几个之前的vue项目,从项目目录结构开始,到样式引用,接口调用方法,页面构建方法,对有用的一些api什么的有个大致的印象;

(2)了解VUE

带着一点懵懂和猜测,我花了一上午的时间过了一遍vue文档,主要是生命周期的使用,页面模版结构,以及跟react的对比,然后跟随文档用vue-cli搭建了我的第一个vue项目,完成  hello vue;

(3)完善基本功能

根据之前的习惯,引入less,实现多页面跳转及页面间数据传递,借用easyMock实现接口调用等;

(4)实现业务

万事具备,就开始干活了,主要策略就是摸着石头过河,研读文档,主要解决生命周期的合理使用,事件的绑定,组件的封装,父子组件的传值等问题,还有一些图片引用一类的问题,因为手生,其实遇到最多的是一些语法的问题,不过文档很清晰,大多也能很快找到答案。

过程比较痛苦,终于也是磕磕绊绊的完成了。还存在很多可以优化的地方,主要是项目结构和逻辑实现的思路上,来日方长。

特别感谢几位同事百忙之中的指导。

此为1,后面有时间就上代码,写写具体操作。

猜你喜欢

转载自www.cnblogs.com/222tjr-blog/p/9274233.html