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 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
javascript 匿名函数的理解(透彻版)
Jan 28 Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
jquery ajax属性async(同步异步)示例
Nov 05 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
JS判断是否长按某一键的方法
Mar 02 Javascript
使用jQuery操作DOM的方法小结
Feb 27 Javascript
基于zepto.js实现手机相册功能
Jul 11 Javascript
脚手架vue-cli工程webpack的作用和特点
Sep 29 Javascript
JS浅拷贝和深拷贝原理与实现方法分析
Feb 28 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 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 面试碰到过的问题 在此做下记录
2011/06/09 PHP
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
PHP中unset,array_splice删除数组中元素的区别
2014/07/28 PHP
php中简单的对称加密算法实现
2017/01/05 PHP
php桥接模式应用案例分析
2019/10/23 PHP
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
让mayfish支持mysqli数据库驱动的实现方法
2010/05/22 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
Immutable 在 JavaScript 中的应用
2016/05/02 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
微信小程序使用map组件实现路线规划功能示例
2019/01/22 Javascript
通过layer实现可输入的模态框的例子
2019/09/27 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
js消除图片小游戏代码
2019/12/11 Javascript
在微信小程序中使用mqtt服务的方法
2019/12/13 Javascript
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
Python实现手写一个类似django的web框架示例
2018/07/20 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
Python多进程multiprocessing、进程池用法实例分析
2020/03/24 Python
浅谈Python中的字符串
2020/06/10 Python
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
五一劳动节活动记录
2014/03/23 职场文书
保证书格式
2015/01/16 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
用Python制作灯光秀短视频的思路详解
2021/04/13 Python