vue中使用axios发送请求

我们知道,vue2.0以后,vue就不再对vue-resource进行更新,而是推荐axios,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求

1.安装axios

cnpm i axios -S

2.方案一:修改原型链

首先,在main.js中引入

 

在这个时候,你还是无法在组件中使用axios的,但如果将vue改为vue的原型链,就可以解决这个问题,如下图

 

3.开始发送请求

 

 

5.带参数的请求

如果想要发送带json格式参数的请求,则需要使用qs模块来处理参数

首先在main.js中导入qs模块

 

然后使用qs处理参数

最终返回结果如下

 

 

6.回调函数的简写

 

7.注意

如果在vue中使用,那么vue中data中的数据无法通过this直接引用,需要做如下处理

转载于:https://www.cnblogs.com/hdnav/p/7596644.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/369133.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

django缓存

由于Django是动态网站,所有每次请求均会去数据进行相应的操作,当程序访问量大时,耗时必然会更加明显,最简单解决方式是使用:缓存,缓存将一个某个views的返回值保存至内存或者memcache中,5分钟内…

linux 输入法成繁体字_寻找Ubuntu中繁体字输入法

当客户来自港台地区时,英文和繁体字就成了交流的主要工具。windows下我们有搜狗输入法可以切换简体与繁体,那么Ubuntu下怎么办?這是我第一次考慮這個問題,在我的印象裏Linux下的中文輸入法還不是那麼完善,所以我進行了…

vue跨域解决方法

vue跨域解决方法 vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No Access-Control-Allow-Origin header is present on the requested resource.” 这种跨域错误。 要想本地正常的调…

CSS盒子模型之详解

前言: 盒子模型是css中最核心的基础知识,理解了这个重要的概念才能更好的排版,进行页面布局。一、css盒子模型概念 CSS盒子模型 又称框模型 (Box Model) ,包含了元素内容(content)、内边距&#…

LeetCode的二分查找的练习部分总结

这两天由于工作的原因,一直没有写博客,但是却把LeetCode上面的题目做了不少——二分查找。上面这些题都是这两天写的。现在简单做一个总结。 首先二分查找的思想就是对一个有规律的元素(事情)进行不断的排除,最后找到符…

在Mac上安装IntelliJ IDEA

在Mac上安装IntelliJ IDEA http://www.jetbrains.com/idea/documentation/ 入门视频 这篇文章旨在介绍如何在Mac系统上安装IntelliJ IDEA,至于IntelliJ IDEA的介绍和使用方法,大家另行查阅,本篇的文章不再详细阐述。 简短解说,I…

行内元素,块级元素,各自特点及其相互转化

作为一名小前端,块级元素、行内元素用了几千几万次,除了“块级独占一行,行内不独占”之外,对细节属性的了解十分匮乏,今天做以部分属性的测试和阐述。 一、 对物理属性的支持 元素类别widthheightpaddingmargin是否独…

从RSS Feed和YQL创建数据表

Yahoo Query Language( YQL )是一种查询语言,例如SQL。 使用YQL,我们可以跨Web服务 查询 , 过滤和联接数据。 YQL也可以阅读RSS feed。 响应可以是JSON或XML。 雅虎提供了一个YQL控制台,用于调试 &…

Qt之QSS(Q_PROPERTY-自定义属性)

版权声明:进步始于交流,收获源于分享!纯正开源之美,有趣、好玩、靠谱。。。作者:一去丶二三里 博客地址:http://blog.csdn.net/liang19890820 目录(?)[] 简述 在Qt之QSS(Q_PROPERTY-原始属性&a…

python print error 空_python笔记37:10分钟掌握异常处理,再也不担心程序挂了

主要内容:小目标:异常处理主要内容:错误与异常,try_except语句对于撸代码的程序员来说,程序运行中出现问题是常见的现象;实际学习与工作中,我们会花很大的精力去解决各种问题;1. 程序…

contenteditable元素的placeholder输入提示语设置

在某些情况下,textarea是不够用的,我们还需要显示一些图标或者高亮元素,这就需要用富文本编辑器,而富文本编辑器本质上是HTML元素设置了contenteditable。 然后可能需要像input、textarea有placeholder的输入提示语,但…

css 浮动和清除浮动

在写页面布局的过程中,浮动是大家经常用的属性。在好多的排版布局中都是用的的浮动比如说下面这些地方都是应用到了浮动。 在我学习浮动的时候可是熬坏了脑筋,在这里我分享一下我对浮动这块知识的总结。 一、浮动的定义 使元素脱离文档流,按…

Java Code Geeks和Packt提供的Hadoop书籍赠品

亲爱的极客,由于参与度很高,并且为了有机会赢得尽可能多的Hadoop粉丝,我们决定将竞赛延长一个星期,直到下周二。 各位极客, 赠品在Java Code Geeks上继续。 我们很高兴地宣布,我们再次与Packt Publishin…

【转】 差分约束系统详解(转化为最短路) (概念)

---恢复内容开始--- 转自:http://www.cnblogs.com/void/archive/2011/08/26/2153928.html 差分约束系统中: 如果求未知数的最大值,那么按小于等于建图后求最短路即可。(因为求最短路是由无穷向下约束而得到的,所以得到…

【HTML基础】表格和表单

本次博客的主要内容如下: meta和link表格表单 meta和link meta meta的属性有两种:name和http-equiv。 name属性主要用于描述网页内容,对应与网页内容。 1.关键字,当搜索引擎在爬取内容的时候,会根据关键字判断&a…

python json 不好用_Python之json使用

一、概念json是一种通用的数据类型,任何语言都认识接口返回的数据类型都是json长得像字典,形式也是k-v { }其实json是字符串字符串不能用key、value来取值,要先转成字典才可以格式如下:{"error_code": 0,#要使用双引号&…

jstack命令(Java Stack Trace)

转:http://blog.csdn.net/fenglibing/article/details/6411940 JDK内置工具使用 一、javah命令(C Header and Stub File Generator) 二、jps命令(Java Virtual Machine Process Status Tool) 三、jstack命令(Java Stack Trace) 四、jstat命令(Java Virtual Machine …

链式存储mysql_链栈:栈的链式存储结构

前面讲完了栈的顺序存储结构,我们现在来看看栈的链式存储结构,简称为链栈。链栈是没有附加头结点的运算受限的单链表。栈顶指针就是链表的头指针。栈是用栈顶来做插入和删除操作,那么对于链栈的栈顶放在链表的头部还是尾部呢?单链…

树状数组 学习笔记

树状数组可以用来求区间元素的和。与前缀和做法不同,它支持值的修改。比如说,现在我有一个数列a,要求你维护这个数列,使其支持两个操作。1.改变数列第k项的值2.查询从第i项到第j项的总值暴力做法总是过不了所有点的,如…

iOS动画-从UIView到Core Animation

首先,介绍一下UIView相关的动画。 UIView普通动画:[UIView beginAnimations: context:];[UIView commitAnimations]; 动画属性设置: 1 //动画持续时间2 [UIView setAnimationDuration:(NSTimeInterval)];3 //动画的代理对象4 …