Detailed explanation of steps to use axios in vue

This time I will bring you a detailed explanation of the steps for using axios in vue. What are the precautions for using axios in vue. The following is a practical case, let's take a look.

Normally, the project directory we built should look like this

First we need to install axios, which will be npm Everyone knows

The next step is to introduce axios in main.js

import axios from "axios";

Different from many third-party modules, Axios cannot use the use method. Instead, you should perform the following operations

Vue.prototype.$axios = axios;

Then, we can use axios in App.vue

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

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

Detailed explanation of the steps for vue1 and vue2 to obtain dom elements

Use vue to highlight the a tag when clicked ( Code attached)

The above is the detailed content of Detailed explanation of steps to use axios in vue. For more information, please follow other related articles on the PHP Chinese website!