Vue-resource安装过程及使用方法解析

 更新时间:2020年07月21日 11:18:38   作者:小白啊小白,Fighting  
这篇文章主要介绍了Vue-resource安装过程及使用方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1、安装

npm install vue-resource --save

2、在main.js中添加

import VueResource from 'vue-resource'

//全局注册
Vue.use(VueResource)

3、vue-resource发送请求

  a)对象参数,post请求

this.$http.post('http://127.0.0.1:8081/getUserByParam',
     {
      userName: this.username,
      sex:this.sex
     }).then((response) => {

      })

  b)get请求

this.$http.get('http://127.0.0.1:8081/getUserById',{
      params:{id:2}//注意,get请求一定要加params,post请求不需要
           }).then((response) =>{
      this.list=response.body
      console.log(this.list)
     });

  c) json参数post请求,和对象参数post请求一样

this.$http.post('http://127.0.0.1:8081/getUserByJson',
     {
      "id":"11",
      "userName":"jie"
     }//注意,get请求一定要加params,post请求不需要
    ).then((response) =>{
     this.list=response.body
     console.log(this.list)
    })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 一文读懂vue动态属性数据绑定(v-bind指令)

    一文读懂vue动态属性数据绑定(v-bind指令)

    这篇文章主要介绍了vue动态属性数据绑定(v-bind指令)的相关资料,文中讲解非常细致,代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • 9种方法优化jQuery代码详解

    9种方法优化jQuery代码详解

    本文将详细介绍jQuery代码优化的9种方法,需要的朋友可以参考下
    2020-02-02
  • vue使用 vue-socket.io三种方式及踩坑实例解析

    vue使用 vue-socket.io三种方式及踩坑实例解析

    这篇文章主要为大家介绍了vue使用 vue-socket.io三种方式及踩坑实例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 学习Vue框架中必掌握的重点知识

    学习Vue框架中必掌握的重点知识

    这篇文章主要介绍了学习Vue中必掌握的重点知识,想了解vue的同学可以参考下
    2021-04-04
  • Vue中引入json的三种方式总结

    Vue中引入json的三种方式总结

    这篇文章主要介绍了Vue中引入json的三种方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • vue使用localStorage保存登录信息 适用于移动端、PC端

    vue使用localStorage保存登录信息 适用于移动端、PC端

    这篇文章主要为大家详细介绍了vue使用localStorage保存登录信息 适用于移动端、PC端,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • Vue生态的新成员Pinia的详细介绍

    Vue生态的新成员Pinia的详细介绍

    本文主要介绍了Vue生态的新成员Pinia的详细介绍,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • vue使用echarts实现三维图表绘制

    vue使用echarts实现三维图表绘制

    这篇文章主要为大家详细介绍了vue如何在项目中使用echarts实现三维图表的绘制,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下
    2023-08-08
  • Vue-router中path的设置方式

    Vue-router中path的设置方式

    这篇文章主要介绍了Vue-router中path的设置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-02-02
  • vue中import导入三种方式详解

    vue中import导入三种方式详解

    在使用vue开发项目的时候,很多使用会import很多模块,这篇文章主要给大家介绍了关于vue中import导入三种方式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-02-02

最新评论