So rufen Sie Methoden in js-Dateien in vuejs auf

vuejs ruft die Methode in der js-Datei auf: 1. Erstellen Sie eine neue js-Datei unter der Assets-Datei. 2. Verwenden Sie „export default {...}“, um darauf in der Komponente zu verweisen, die die Methode verwenden muss.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer

Wie ruft vuejs die Methode in der js-Datei auf?

So referenzieren Sie JS-Dateien in Vue

In vielen Komponenten von Vue wird Axios zum Posten von Daten verwendet. Es ist in Ordnung, in jede Komponente eine Post-Methode zu schreiben, aber es fühlt sich immer so an Etwas umständlich. Wäre es also nicht besser, den Axios-Beitrag in eine separate JS-Datei zu schreiben und ihn dann in den erforderlichen Komponenten zu referenzieren?

1. Erstellen Sie eine neue js-Datei unter der Assets-Datei. Erstellen Sie eine neue Datei mit dem Namen webpost.js Sehr wichtig, sonst können Sie es nicht in anderen Komponenten aufrufen

2. Referenzieren Sie es in der Komponente, die diese Methode verwenden muss. Achten Sie auf den Pfad der Referenz oben

Wenn Sie es verwenden, ist dies nicht erforderlich, nur axiosPost

import axios from 'axios'
    //Post方法的封装
    function axiosPost(url,params){
        return new Promise((resolve, reject) => {
                axios({
                url: url,
                method: 'post',
                data: params,
                headers: {
                    'Content-Type':'application/json'
                }
            })
            .then(res=>{
                resolve(res.data);
            });
        });
    }
    export {
        axiosPost
    }

3. Eine andere Möglichkeit, js zu schreiben

Das Folgende ist der überarbeitete Teil. In den letzten Tagen habe ich den Axios-Teil aussortiert und hinzugefügt Ein Interceptor zum Senden an die API. Bringen Sie bei der Anforderung eine Token-Verifizierung mit, es gibt nur noch einen Export, Sie können mehrere schreiben, die Struktur ist klarer und leichter zu verstehen.

<script>
import {axiosPost} from &#39;../assets/webpost&#39;;
export default {
}

Empfohlen: „

Die neuesten 5 vue.js-Video-Tutorial-Auswahlen

“

​

Das obige ist der detaillierte Inhalt vonSo rufen Sie Methoden in js-Dateien in vuejs auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!