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实现简单模态窗口,背景灰显
Nov 14 Javascript
jquery里的each使用方法详解
Dec 22 Javascript
IE浏览器中图片onload事件无效的解决方法
Apr 29 Javascript
详解JavaScript中的every()方法
Jun 08 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
jQuery easyui刷新当前tabs的方法
Sep 23 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
详谈JS中数组的迭代方法和归并方法
Aug 11 Javascript
原生JS实现的简单轮播图功能【适合新手】
Aug 17 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 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
深入理解用mysql_fetch_row()以数组的形式返回查询结果
2013/06/05 PHP
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
Php中使用Select 查询语句的实例
2014/02/19 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
JavaScript实现非常简单实用的下拉菜单效果
2015/08/27 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
vue移动端项目缓存问题实践记录
2018/10/29 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
Python 实现取矩阵的部分列,保存为一个新的矩阵方法
2018/11/14 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
Python基于httpx模块实现发送请求
2020/07/07 Python
python 实现波浪滤镜特效
2020/12/02 Python
html5实现滑块功能之type="range"属性
2020/02/18 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
丝芙兰美国官网:SEPHORA美国
2016/08/03 全球购物
金融专业毕业生推荐信
2013/11/26 职场文书
服务中心夜班服务员岗位职责
2013/11/27 职场文书
人力资源管理专业自荐书范文
2014/02/10 职场文书
小学英语复习计划
2015/01/19 职场文书
听课评课活动心得体会
2016/01/15 职场文书
使用HTML+Css+transform实现3D导航栏的示例代码
2021/03/31 HTML / CSS
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS