Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie Axios in Vue-Komponenten

So verwenden Sie Axios in Vue-Komponenten

亚连
亚连Original
2018-05-29 17:25:073078Durchsuche

Im Folgenden werde ich einen Artikel über die Verwendung von Axios in Vue-Komponenten mit Ihnen teilen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Jetzt haben wir über webpack + vue-cli ein Vue-Projekt-Framework erstellt. Was sollten wir tun, wenn wir Axios in der Vue-Komponente verwenden müssen, um Daten aus dem Hintergrund abzurufen?

Normalerweise sollte das von uns erstellte Projektverzeichnis so aussehen

Zuerst müssen Sie Axios installieren, das heißt npm Jeder weiß

Als nächstes führen Sie Axios in main.js ein

import axios from "axios";

Im Gegensatz zu vielen Modulen von Drittanbietern kann Axios die Use-Methode nicht verwenden . Stattdessen sollten Sie die folgenden Operationen ausführen

Vue.prototype.$axios = axios;

Dann können wir Axios in App.vue verwenden

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

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Das Problem beim Hinzufügen von Ausdrücken zur V-Show in Vue (Bestimmen, ob angezeigt werden soll)

Verwendung von iview in vue Probleme und Lösungen zum Definieren des Eingabefelds für Verifizierungsschlüsselwörter

Über den Unterschied zwischen v-if und v-show in vuejs und das Problem, dass v-show nicht funktioniert

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Axios in Vue-Komponenten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn