Maison  >  Article  >  interface Web  >  Comment utiliser axios dans les composants vue

Comment utiliser axios dans les composants vue

亚连
亚连original
2018-05-29 17:25:073078parcourir

Ci-dessous, je partagerai avec vous un article sur la façon d'utiliser axios dans les composants vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Maintenant, nous avons construit un framework de projet vue via webpack+vue-cli. Que devons-nous faire si nous devons utiliser axios dans le composant vue pour obtenir des données en arrière-plan ?

Normalement, le répertoire du projet que nous avons construit devrait ressembler à ceci

Vous devez d'abord installer axios, qui sera npm Everyone sait

Ensuite, introduisez axios dans main.js

import axios from "axios";

qui est différent de nombreux modules tiers Oui, axios ne peut pas utiliser la méthode use. Au lieu de cela, les opérations suivantes doivent être effectuées

Vue.prototype.$axios = axios;

Ensuite, nous pouvons utiliser axios dans App.vue

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

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

Le problème de l'ajout d'expressions à v-show dans Vue (déterminer s'il faut afficher)

Utiliser iview dans vue Problèmes et solutions pour définir la zone de saisie du mot-clé de vérification

À propos de la différence entre v-if et v-show dans vuejs et du problème selon lequel v-show ne fonctionne pas

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn