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


Posted in Javascript onJuly 21, 2020

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)
    })

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

Javascript 相关文章推荐
JavaScript编程开发中的五个实用小技巧
Jul 22 Javascript
高效的jquery数字滚动特效
Dec 17 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
Dec 06 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
基于Vue渲染与插件的加载顺序的问题详解
Mar 05 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
May 10 Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
taro 实现购物车逻辑的实例代码
Jun 05 Javascript
javascript中call,apply,bind的区别详解
Dec 11 Javascript
vue中destroyed方法的使用说明
Jul 21 #Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 #Javascript
vue 实现setInterval 创建和销毁实例
Jul 21 #Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 #Javascript
Vue清除定时器setInterval优化方案分享
Jul 21 #Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
Jul 21 #Javascript
JavaScript undefined及null区别实例解析
Jul 21 #Javascript
You might like
谏山创故乡大分县日田市水坝将设立《进击的巨人》立艾伦、三笠以及阿尔敏的铜像!
2020/03/06 日漫
PHP4 与 MySQL 数据库操作函数详解
2006/10/09 PHP
Symfony的安装和配置方法
2016/03/17 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
2012/08/14 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
贴近用户体验的Jquery日期、时间选择插件
2015/08/19 Javascript
省市选择的简单实现(基于zepto.js)
2016/06/21 Javascript
vue.js中v-on:textInput无法执行事件问题的解决过程
2017/07/12 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
脚手架vue-cli工程webpack的作用和特点
2018/09/29 Javascript
nodejs中各种加密算法的实现详解
2019/07/11 NodeJs
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
[03:56]显微镜下的DOTA2第十一期——鬼畜的死亡先知播音员
2014/06/23 DOTA
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
[28:07]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第二场 12.13
2020/12/17 DOTA
Python正则表达式非贪婪、多行匹配功能示例
2017/08/08 Python
使用Scrapy爬取动态数据
2018/10/21 Python
python字符串查找函数的用法详解
2019/07/08 Python
解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了
2020/04/07 Python
解决reload(sys)后print失效的问题
2020/04/25 Python
Python实现CAN报文转换工具教程
2020/05/05 Python
python中doctest库实例用法
2020/12/31 Python
通息工程毕业生自荐信
2013/10/16 职场文书
幼儿园大班家长评语
2014/04/17 职场文书
大学理论知识学习自我鉴定
2014/04/28 职场文书
物业消防安全责任书
2014/07/23 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
Java基础之线程锁相关知识总结
2021/06/30 Java/Android
SpringBoot Http远程调用的方法
2022/08/14 Java/Android