Gunakan nilai yang dieksport dalam tetapan API Komposisi Vue

Question

Dalam fail js biasa, kodnya adalah seperti berikut:

eksport fungsi async lalai exportData() {
  const {data} = menunggu kedai
      .dispatch('fetchData')

  const { tempahan } = data
  tempahan const = bookings.length ?

  acara const = {
    bookingID: tempahan
  }

  // Kaedah dan pembolehubah lain

  kembali {
    .....
  }
}

Dalam fail vue:

import exportData daripada './exportData'
eksport lalai {
  persediaan() {
    const {
      fetchEvents,
      isEventActive,
    } = exportData()
    fetchEvents()
  }
}

Masalahnya ialah dalam komponen vue, nilai yang diperoleh daripada exportData tidak ditentukan Apabila eksport tidak segerak, ralat yang fetchEvents bukan fungsi akan muncul. Ia akan berfungsi dengan baik jika ia bukan async. Apakah penyelesaian di sini?

Answer 1

Anda boleh cuba mengisytiharkan kaedah fetchEvents dan isEventActive dalam fail js pelan tanpa membungkusnya dalam sebarang fungsi

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

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

dan eksportnya sebagai

export {fetchEvents, isEventActive};

Gunakannya sekarang

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