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选择头像并实时显示的代码
Jun 27 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 Javascript
理解JS绑定事件
Jan 19 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
JS实现保留n位小数的四舍五入问题示例
Aug 03 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
浅析上传头像示例及其注意事项
Dec 14 Javascript
React复制到剪贴板的示例代码
Aug 22 Javascript
vue给组件传递不同的值方法
Sep 29 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
Jan 06 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 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去除数组中重复的元素并按键名排序函数
2008/08/18 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
详解PHP中的外观模式facade pattern
2018/02/05 PHP
php实现登录页面的简单实例
2019/09/29 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
jcarousellite.js 基于Jquery的图片无缝滚动插件
2010/12/30 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
javascript实现数独解法
2015/03/14 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
Vue中正确使用jQuery的方法
2017/10/30 jQuery
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
vue路由拦截器和请求拦截器知识点总结
2019/11/08 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
JavaScript DOM常用操作代码汇总
2020/07/03 Javascript
深入讲解Python中面向对象编程的相关知识
2015/05/25 Python
python定时执行指定函数的方法
2015/05/27 Python
python 判断是否为正小数和正整数的实例
2017/07/23 Python
浅谈django2.0 ForeignKey参数的变化
2019/08/06 Python
python检测服务器端口代码实例
2019/08/31 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
办公室前台岗位职责
2014/01/04 职场文书
大学生村官任职感言
2014/01/09 职场文书
电大会计学自我鉴定
2014/02/06 职场文书
应聘会计求职信
2014/06/11 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
个人批评与自我批评材料
2014/10/17 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL