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 相关文章推荐
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
Oct 14 Javascript
JavaScript你不知道的一些数组方法
Aug 18 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
详解关于vue-area-linkage走过的坑
Jun 27 Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
Sep 30 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
CountUp.js数字滚动插件使用方法详解
Oct 17 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
Jul 28 Javascript
微信小程序实现登录注册功能
Dec 29 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输出xml格式字符串(用的这个)
2012/07/12 PHP
php创建基本身份认证站点的方法详解
2013/06/08 PHP
smarty简单应用实例
2015/11/03 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
2016/07/09 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
详解VUE里子组件如何获取父组件动态变化的值
2018/12/26 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
vue使用自定义指令实现拖拽
2021/01/29 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
浅析JavaScript 函数防抖和节流
2020/07/13 Javascript
js实现3D旋转效果
2020/08/18 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
使用PYTHON接收多播数据的代码
2012/03/01 Python
学习python中matplotlib绘图设置坐标轴刻度、文本
2018/02/07 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
初中生个人学习的自我评价
2013/12/04 职场文书
2015年财务试用期工作总结
2014/12/24 职场文书
捐助倡议书
2015/01/19 职场文书
医生辞职信范文
2015/03/02 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
主题班会开场白
2015/06/01 职场文书
地道战观后感300字
2015/06/04 职场文书
银行大堂经理培训心得体会
2016/01/09 职场文书