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

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

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

(1)看个大概vue-cli

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

(2)了解VUEless

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

(3)完善基本功能优化

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

(4)实现业务生命周期

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

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

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

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

相关文章
相关标签/搜索