javascript – So extrahieren Sie öffentliche Methoden in Komponenten mit vue-cli

Question

Die Frage ist wie erwähnt.
Zusätzliche Beschreibung:
Das Projekt verwendet Vuex, Vue-Router. Vue-Router lädt Daten jedes Mal über Ajax, wenn Sie eine Seite wechseln, und die Methode zum Laden von Daten auf jeder Seite ist dieselbe. Ich habe versucht, die öffentliche Methode in main.js zu platzieren und sie dann in der Komponente aufzurufen. Ich habe festgestellt, dass die Methode aufgerufen werden kann, aber aufgrund der asynchronen Natur von Ajax kann der Wert nicht zurück an das Submodul übertragen werden. Hat jemand eine solche Situation erlebt? Wie man es löst? Danke!

Answer 1

return 一个 promise 就可以了
例如：

main.js
function ajaxMethod() {
    return ajax({
        url: 'xxx',
        data: xxx
    })
}
component:
ajaxMethod().then((result) => {
    console.log(result)
})

Answer 2

你可以用vue-resource，像我这样。把api单独放在一个文件中，然后加载到Vue中，然后就可以解决你多次写同一个api了