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 相关文章推荐
JS案例分享之金额小写转大写
May 15 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
Dec 31 Javascript
layui文件上传实现代码
May 20 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
Aug 22 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
Aug 24 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
Sep 10 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
微信小程序云开发使用方法新手初体验
May 16 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
May 15 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
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
Laravel 连接(Join)示例
2019/10/16 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
js查错流程归纳
2012/05/04 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
js操作模态窗口及父子窗口间相互传值示例
2014/06/09 Javascript
JavaScript调试工具汇总
2014/12/23 Javascript
jQuery与js实现颜色渐变的方法
2016/12/30 Javascript
详解AngularJS controller调用factory
2017/05/19 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
Vue页面骨架屏的实现方法
2018/05/22 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
JavaScript实现简单贪吃蛇效果
2020/03/09 Javascript
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[50:22]完美盛典-2018年度红毯走秀
2018/12/16 DOTA
python编写微信远程控制电脑的程序
2018/01/05 Python
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
Python退火算法在高次方程的应用
2018/07/26 Python
Django文件存储 默认存储系统解析
2019/08/02 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
python实现画循环圆
2019/11/23 Python
python实现udp聊天窗口
2020/03/31 Python
20行Python代码实现一款永久免费PDF编辑工具的实现
2020/08/27 Python
python爬取”顶点小说网“《纯阳剑尊》的示例代码
2020/10/16 Python
CSS3 animation实现逐帧动画效果
2016/06/02 HTML / CSS
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
美国领先的家庭健康检测试剂盒提供商:LetsGetChecked
2019/03/18 全球购物
Paper Cape官网:美国婴儿和儿童服装品牌
2019/11/02 全球购物
司机的工作范围及职责
2013/11/13 职场文书
应届医学毕业生求职信分享
2013/12/02 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
主持人开场白台词
2015/05/29 职场文书
班主任班级管理心得体会
2016/01/07 职场文书