Verwenden Sie exportierte Werte in den Einstellungen der Vue Composition API

Question

In einer gewöhnlichen JS-Datei lautet der Code wie folgt:

standardmäßige asynchrone Funktion exportData() {
  const {data} = Warten auf den Speicher
      .dispatch('fetchData')

  const { Buchungen } = Daten
  const booking = bookings.length ? bookings[0]._id : ''

  const-Ereignis = {
    Buchungs-ID: Buchung
  }

  // Andere Methoden und Variablen

  zurückkehren {
    .....
  }
}

In der Vue-Datei:

exportData aus './exportData' importieren
Standard exportieren {
  aufstellen() {
    const {
      fetchEvents,
      isEventActive,
    } = exportData()
    fetchEvents()
  }
}

Das Problem besteht darin, dass in der Vue-Komponente der von exportData erhaltene Wert undefiniert ist. Wenn der Export asynchron ist, wird eine Fehlermeldung angezeigt, dass fetchEvents keine Funktion ist. Es würde gut funktionieren, wenn es nicht asynchron wäre. Was ist hier die Lösung?

Answer 1

你可以尝试在计划的js文件中声明fetchEvents和isEventActive方法，而无需将其包装在任何函数中

const fetchEvents = () => {
   //body
};

const isEventActive = () => {
     //body
};

并将它们导出为

export {fetchEvents, isEventActive};

现在使用它们

import {fetchEvents,isEventActive} from 'path-to-js-file'
export default {
  setup() {
    fetchEvents()
    isEventActive()
  }
}