在vue组件中使用axios的方法

186 阅读 0 评论 123 点赞

我是靠谱客的博主顺心芝麻，最近开发中收集的这篇文章主要介绍在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的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

以上就是顺心芝麻为你收集整理的在vue组件中使用axios的方法的全部内容，希望文章能够帮你解决在vue组件中使用axios的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。