基于vue-cli搭建的vue web脚手架

  基于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
  欢迎使用,及提出宝贵意见。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值