基于vue-cli搭建的vue web脚手架,基本上能否满足一般的业务开发。
技术栈
vue + es6 + vue-router + vuex + axios + jsonp + mock
代码功能
代码结构:
- components:主要用于全局组件的封装,通过./index对外暴露,并在入口文件index中实现全局注册;
- fliter:主要用于全局过滤器的封装,同components的处理基本一致;
- libs/request : 基于axios对http请求进行封装,目前只支持了post、get(其他方法的扩展也很容易);针对项目中可能会存在跨域请求,基于fetch-jsonp封装了跨域请求;
- libs : enum - 常量存储;regx - 正则存储; utils - 公共方法存储;
- mock:基于Mock.js实现数据mock功能;
- router:封装了vue-router所需要的路由数据,其中./index中,通过webpack的require.contex实现按文件加载,其中文件路径需满足”-router.js”结尾。并部署了vue-router的钩子函数,beforeEach、afterEach。
- services:对接口请求的统一管理;
- store:vuex相关内容;
- views:具体的业务相关的内容。其中各个业务单元内部的组件定义到 _componnets下边。
demo实例:代码中example相关的文件,可以作为实例参考,其中message和example页面之间通过vuex实现了数据共享。
gitHub地址
gitHub地址:https://github.com/zhengchangshun/myVue.git
欢迎使用,及提出宝贵意见。