在vue组件中使用axios的方法

这篇文章主要为大家详细介绍了在vue组件中使用axios的方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

现在我们通过webpack+vue-cli搭建起了一个vue项目的框架，如果我们需要在vue组件中使用axios向后台获取数据应该怎么办呢？

 

通常情况下，我们搭建好的项目目录应该是这样子的

 

【图片暂缺】

首先需要安装axios，这个会npm的都知道

 

下一步，在main.js中引入axios

 

代码如下：

import axios from "axios";

【图片暂缺】

与很多第三方模块不同的是，axios不能使用use方法，转而应该进行如下操作

代码如下：

Vue.prototype.$axios = axios;

【图片暂缺】

接着，我们就可以在App.vue中使用axios了

代码如下：

created:function(){
 this.$axios.get("/seller",{"id":123}).then(res=>{
  console.log(res.data);
 });
}

【图片暂缺】

以上这篇在vue组件中使用axios的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/5141-0.html

注：关于在vue组件中使用axios的方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js