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表数据排序 sort table data
Feb 18 Javascript
javascript removeChild 使用注意事项
Apr 11 Javascript
jQuery.extend 函数的详细用法
Jun 27 Javascript
jQuery实现3D文字特效的方法
Mar 10 Javascript
js实现卡片式项目管理界面UI设计效果
Dec 08 Javascript
jQuery点击输入框显示验证码图片
May 19 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
Jul 11 Javascript
Javascript自定义事件详解
Jan 13 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
MVVM 双向绑定的实现代码
Jun 21 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
Mar 16 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与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
一个比较不错的PHP日历类分享
2014/11/18 PHP
一个实用的php验证码类
2017/07/06 PHP
thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json完整实例
2020/03/02 PHP
JavaScript 放大镜 移动镜片效果代码
2011/05/09 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
jQuery中slice()方法用法实例
2015/01/07 Javascript
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
jQuery网页右侧广告跟随滚动代码分享
2020/04/20 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
关于python的list相关知识(推荐)
2017/08/30 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
Pandas 缺失数据处理的实现
2019/11/04 Python
Python插入Elasticsearch操作方法解析
2020/01/19 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
Python中logger日志模块详解
2020/08/04 Python
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
幼教毕业生自我鉴定
2014/01/12 职场文书
优秀员工评语
2014/02/10 职场文书
学校元旦晚会方案
2014/02/19 职场文书
教育基金募捐倡议书
2014/05/14 职场文书
工程项目经理任命书
2014/06/05 职场文书
酒店总经理岗位职责范本
2014/08/08 职场文书
2014年预备党员群众路线教育实践活动对照检查材料思想汇报
2014/10/02 职场文书
环境建议书
2015/02/04 职场文书
企业财务管理制度范本
2015/08/04 职场文书
2016党员读书思廉心得体会
2016/01/23 职场文书
Jupyter Notebook内使用argparse报错的解决方案
2021/06/03 Python