vue+element踩坑记-axios的简单应用
今天简单的记录一下axios的使用，首先声明一下，我是一个vue的初学者，所以很多的vue比较深层次的东西我是不理解的，只是我用到的我会简单的做一个记录，也算是一个踩坑的过程，我相信只要踩的坑足够多，那么遇到问题解决问题的能力就会越强，今天要记录的是怎么使用axios调用接口。
没写之前先简单的说一下之前我写jquery的时候是怎么请求接口的，
$.ajax({
type:"post",
url:"",
async:false,
data:{
//这里是给后端的参数
},
success:function(data){
//这里是后端返回的参数
},
error: function(err){
//这里是请求错误是的情况
}
});这是一段简单的ajax请求，那么我学习一门新的技术的时候的习惯是对比学习，也就是说我会和之前学过的一些类似功能的技术做一个简答的比较，看看区别是什么，优势劣势是什么，为什么呢，因为其实我们都知道，一个新的技术，不管设计的多巧妙，但是他的目的是一定的，都是为了解决某一类的问题，就事论事来说，ajax是为了解决与后端实现交互的问题，那么axios也是为了解决这个问题，所以其实是换汤不换药，我们是完全可以对比学习的。
那么axios怎么写的呢？
第一步：我们要写vue的框架引入这个组件
npm install --save axios // 全局安装axios第二步：main.js里面引入该组件
import axios from 'axios' //引入组件
Vue.prototype.$axios = axios //挂载到$axios上第三步：在该使用的地方实现代码
this.$axios({
method: 'post',
url: url,
data: {
//这里是给后端的参数
}
}).then(function (data) {
//这里是请求成功以后执行的代码，也就是后端返回的参数
})
.catch(function (err) {
//这里是请求失败了，将异常捕捉到
})不知道到这里是不是有人就觉得很相似了。其实却是是很相似的，毕竟是实现同一个功能的，一般事情都是这样的，只要是目的相同，过程都不会差异很大。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-02-05 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读