Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie die globale Registrierung in Axios

So implementieren Sie die globale Registrierung in Axios

亚连
亚连Original
2018-06-12 10:08:552017Durchsuche

Dieser Artikel stellt Ihnen hauptsächlich die relevanten Informationen zur globalen Registrierung von Axios vor. Der Artikel stellt es ausführlich anhand von Beispielcode vor. Es hat einen gewissen Referenz-Lernwert, den jeder, der es braucht, lernen kann unten zusammen.

Vorwort

Als ich kürzlich ein Projekt mit Vue geschrieben habe, habe ich Axios verwendet, da Axios Vue.use() nicht verwenden kann (Details finden Sie hier). eingeführt (siehe diesen Artikel), sodass Sie bei Verwendung von Axios in jede .vue-Datei importieren müssen. Wenn nur wenige .vue-Dateien vorhanden sind, ist dies in Ordnung, wenn jedoch viele vorhanden sind, ist dies etwas problematisch.

Später habe ich darüber nachgedacht, ob ich Axios direkt zum Vue-Prototyp hinzufügen könnte, damit eine globale Registrierung erreicht würde. Im Folgenden gibt es nicht viel zu sagen. Werfen wir einen Blick auf die ausführliche Einführung.

Die Methode ist wie folgt:

1. Führen Sie zuerst Axios

import Vue from 'vue'
import axios from 'axios'
//把 `axios` 加到 `Vue` 的原型中
Vue.prototype.axios = axios;
new Vue({
 el: '#app',
 render:h => h(App)
})

ein .js 2. Wenn Sie es in einer .vue-Datei verwenden, achten Sie darauf, dass Sie dies

<script>
export default {
 name:&#39;app&#39;,
 data(){
  return{
   msg:&#39;hello&#39;
  }
 },
 methods:{
  send(){
   // 注意:因为 axios 是加到 Vue 的原型中了,所以使用 axios 方法时,前面需要加 this
   this.axios.get(&#39;https://www.baidu.com*******&#39;)
   .then(resp => {
    console.log(resp.data)
   }).catch(err => {
    console.log(err);
   })
  }
 }
}
</script>

hinzufügen. Ich hoffe, dass es für alle hilfreich ist alle in der Zukunft.

Verwandte Artikel:

Wie man helloWorld mit vue-cli in vue erstellt

Probleme bei der Wertübergabe in Laui

So implementieren Sie ein Lotteriesystem mit JavaScript

Ausführliche Antwort: Welche Auswirkungen haben Änderungen in Vue auf Komponenten?

So verpacken Sie mit Parcel

Detaillierte Erklärung zur Konfiguration des Vue-Verpackungstools

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die globale Registrierung in Axios. 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