美文网首页
Vue项目开发前要做的那些事(1)xhr封装

Vue项目开发前要做的那些事(1)xhr封装

作者: 7b5b7a9dc951 | 来源:发表于2017-07-17 10:40 被阅读0次

最近接了一个Vue的外包项目60张手机端的页面,15天3000块完成。天天码代码码到天亮,整个人像吸毒一样。客户的需求是Vue + vuex + axios + vue-router。

这是客户提供的 restFul API(第一次用这类API)

图1-1

这是客户提供的设计稿

图1-2

第一步肯定是构建项目我个人

比较喜欢用webpack这个模板的

vue init webpack 项目名称

这样构建项目的优点是项目的基本依赖都给你装好了额外要的配置就少了,测试环境都给你配好了。

接下来要做的就是封装公共的API来简化后期开发中重复的操作:

1、在src目录下新建一个Api的文件夹存放公共的函数和对象(如图2-1)

图2-1

2、xhr是用来与接口对接的、common.js是基础的公共函数如时间处理、cookie处理、字符串处理等操作。

昨天晚上看了一下axios的官方文档简单的封装了一下xhr对象

图2-2

方法调用方式很简单如图(2-3)

图2-3

以上代码不明白可以留言提问。下期分享:Vue项目开发前要做的那些事(2)种子项目搭建

接Vue外包项目,价格优惠,联系方式:

图3-3

相关文章

  • Vue项目开发前要做的那些事(1)xhr封装

    最近接了一个Vue的外包项目60张手机端的页面,15天3000块完成。天天码代码码到天亮,整个人像吸毒一样。客户的...

  • Vue(7)

    一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用node& vue在...

  • vue开发那些事(下)

    前言 了解完vue开发日常所做的一些职责后,就要开始正式的了解下vue开发期间那些事。 vue开发期间那些事 vu...

  • Vue封装插件并发布到npm上

    目录 Vue封装插件创建项目修改配置测试插件 发布插件到npm 文章参考 Vue封装插件 1. 创建项目 这里采用...

  • 2019-07-22

    Vue项目优化 1、封装通用组件,组件化开发 2、样式尽量写在公共css里,利于webpack压缩 3、build...

  • Vue2.0网络请求axios封装相关文章

    1、在Vue-cli里基于axios封装复用请求2、vue中axios的封装3、# vue2.0项目实战(3)使用...

  • Vue组件

    定义 组件化开发指的是:根据封装的思想,把页面上可复用的UI结构封装为组件,从而方便项目的开发和维护。 vue是一...

  • Vue 全局组件封装

    在Vue项目的开发中,我们需要对一些常用的组件进行封装复用,这时我们需要用到Vue提供的全局组件API来封装我们的...

  • (二)axios的封装

    axios封装代码 在vue和react的开发过程中,经常需要对axios进行封装,现将项目中的axios保留,以...

  • vue项目中遇到的那些事

    vue项目中遇到的那些事。 前言 有好几天没更新文章了。这段实际忙着做了一个vue的项目,从 19 天前开始,到今...

网友评论

      本文标题:Vue项目开发前要做的那些事(1)xhr封装

      本文链接:https://www.haomeiwen.com/subject/cakfkxtx.html