Vue2学习笔记之请求数据交互vue-resource

前端之家收集整理的这篇文章主要介绍了Vue2学习笔记之请求数据交互vue-resource前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

基本语法

必须引入一个库:vue-resource nofollow" target="_blank" href="https://github.com/pagekit/vue-resource/tree/master/docs">github地址

// 在一个Vue实例内使用$http
this.$http.get('/someUrl',errorCallback);
this.$http.post('/someUrl',errorCallback);

vue-resource的请求API是按照REST风格设计的,它提供了7种请求API:

  • get(url,[options])
  • head(url,[options])
  • delete(url,[options])
  • jsonp(url,[options])
  • post(url,[options])
  • put(url,[options])
  • patch(url,[options])

Options

Parameter方法,例如:'GET','POST'或其他HTTP方法函数,类似于jQuery的beforeSend函数函数

1. 向文本发出get请求

准备一个1.txt 的文本数据,时面的内容是:welcomet to vue!!!

<Meta charset="utf-8">
Box">

上面代码实现了,点击按钮,就发送get请求,成功就会执行弹窗 welcomet to vue!!!

2. 关于向后端请求,并带参数的写法

<Meta charset="utf-8">
Box">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/41349.html

猜你在找的Vue相关文章

Type Description