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 相关文章推荐
XENON基于JSON变种
Jul 27 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
Jul 25 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
jQuery实现手机号码输入提示功能实例
Apr 30 Javascript
JavaScript中Cookies的相关使用教程
Jun 04 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
karma+webpack搭建vue单元测试环境的方法示例
May 24 Javascript
详解angular2.x创建项目入门指令
Oct 11 Javascript
Javascript call及apply应用场景及实例
Aug 26 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 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
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
一个网马的tips实现分析
2010/11/28 Javascript
关于js获取radio和select的属性并控制的代码
2011/05/12 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
JQuery 使用attr方法实现下拉列表选中
2014/10/13 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
微信小程序 swiper组件详解及实例代码
2016/10/25 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
基于js 本地存储(详解)
2017/08/16 Javascript
JS实现按钮添加背景音乐示例代码
2017/10/17 Javascript
JavaScript设计模式之代理模式简单实例教程
2018/07/03 Javascript
vue拖拽排序插件vuedraggable使用方法详解
2020/08/21 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
2019/05/10 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
JavaScript onclick事件使用方法详解
2020/05/15 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
基于Python闭包及其作用域详解
2017/08/28 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
pandas object格式转float64格式的方法
2018/04/10 Python
用uWSGI和Nginx部署Flask项目的方法示例
2019/05/05 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
2017/01/12 HTML / CSS
Exception类的常用方法
2012/06/16 面试题
晚宴邀请函范文
2014/01/15 职场文书
幼儿园门卫制度
2014/01/29 职场文书
2013年研究生毕业感言
2014/02/06 职场文书
体育教师求职信
2014/06/30 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
2014年英语教研组工作总结
2014/12/06 职场文书
新学期感想
2015/08/10 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
Win11怎样将锁屏账户头像图片改成动画视频
2021/11/21 数码科技
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏