Utiliser les valeurs exportées dans les paramètres de l'API Vue Composition

Question

Dans un fichier js ordinaire, le code est le suivant :

exporter la fonction asynchrone par défaut exportData() {
  const {data} = attendre le magasin
      .dispatch('fetchData')

  const {réservations} = données
  const réservation = réservations.longueur ? réservations[0]._id : ''

  événement const = {
    ID de réservation : réservation
  }

  // Autres méthodes et variables

  retour {
    .....
  }
}
Dans le fichier vue : 
importer exportData depuis './exportData'
exporter par défaut {
  installation() {
    const {
      récupérer des événements,
      estEventActive,
    } = exportData()
    récupérerEvents()
  }
}
Le problème est que dans le composant vue, la valeur obtenue à partir de exportData n'est pas définie. Lorsque l'exportation est asynchrone, une erreur indiquant que fetchEvents n'est pas une fonction apparaîtra. Cela fonctionnerait bien si ce n'était pas asynchrone. Quelle est la solution ici ? 

Answer 1

Vous pouvez essayer de déclarer les méthodes fetchEvents et isEventActive dans le fichier js du plan sans l'envelopper dans aucune fonction

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

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

et exportez-les sous

export {fetchEvents, isEventActive};

Utilisez-les maintenant

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