Vue的生命周期、axios拦截器

本文详细介绍了Vue的生命周期,包括创建前、创建后、加载前、加载后等各个阶段及其作用,并探讨了Vue生命周期中的钩子函数。此外,还讲解了vue-resource的GET、POST、JSONP请求及全局配置方法。接着,转向axios,阐述了如何配置axios的全局根路径、发送GET和POST请求,最后详细说明了如何设置axios的请求拦截器和响应拦截器,以及使用qs库进行参数处理。
摘要由CSDN通过智能技术生成

1、Vue的生命周期

1.1 什么是Vue的生命周期?

  Vue实例从创建到销毁的过程就叫做生命周期。从开始创建,初始化数据,编译模板,挂载Dom ——> 渲染,更新 ——> 渲染,销毁等过程称为Vue的生命周期。

1.2 Vue生命周期的作用

  它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑

1.3 Vue生命周期里的钩子函数

  • beforeCreate 创建前

  • created 创建后

  • beforeMount 加载前

  • mounted 加载后

  • beforeUpdate 更新前

  • updated 更新后

  • beforeDestory 销毁前

  • destoryed 销毁后

2、vue-resouce 发送请求

2.1 this.$http.get(url, [options]).then(callback)

+ url 请求路径

+ options 是一个对象 设置请求的字段 {params:{name:1}}
    //请求参数方式1
    this.$http.get('http://www.baidu.com', {
   
        params: {
   
            name: 1
        }
    })

    //请求参数方式2
    this.$http.get('http://www.baidu.com?name=1')

2.2 this.$http.post(url, [options], [options]).then(callback)

+ url 请求路径

+ 第一个options 是一个对象 设置请求的字段 {name:name}

+ 第一个options 是一个对象 设置表单的请求格式 {emulateJSON.true}
    this.$http.
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值