首页 > 上网技巧 > 电脑小技巧 > vue使用axios进行ajax请求

vue使用axios进行ajax请求

时间:2018-07-29 10:29 作者:QQ地带 我要评论

以前都用resource进行ajax请求,现在官方推荐使用axios,所以现在更换插件。这篇文章主要描写如何在项目中引入axios以及简单地使用axios进行ajax请求。
 
第一步,需要通过npm安装插件,需要安装两个插件,它们分别是axios,vue-axios
npm install --save axios vue-axios
第二步,需要在项目中的入口js文件引入这两个插件
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
 
Vue.use(VueAxios,axios)
第三步,在项目中使用axios进行ajax请求
//写法1
Vue.axios.get(api).then((response)=>{
  console.log(response.data);//成功回调
},(response)=>{
  //失败回调
})
//写法2
this.axios.get(api).then((response)=>{
  console.log(response.data);//成功回调
},(response)=>{
  //失败回调
})
//写法3
this.$http.get(api).then((response)=>{
  console.log(response.data);//成功回调
},(response)=>{
  //失败回调
})
这就是axios请求ajax简单的例子。很简单,对吧?一起在项目中使用新的技术吧
 
 

标签: vue
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告