Heim > Artikel > Web-Frontend > So implementieren Sie die globale Registrierung in Axios
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:'app', data(){ return{ msg:'hello' } }, methods:{ send(){ // 注意:因为 axios 是加到 Vue 的原型中了,所以使用 axios 方法时,前面需要加 this this.axios.get('https://www.baidu.com*******') .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?
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!