Estoy tratando de mostrar mis propios datos en los eventos del calendario a través de búsqueda. Este es mi código:

 <script> export default { data() { return { fechadatos: [] } }, async created() { // GET request using fetch with async/await const response = await fetch("http://127.0.0.1:8000/apifechaClase/"); const data = await response.json(); this.fechadatos = data[0] }, mounted() { document.addEventListener('DOMContentLoaded', function () { const calendarEl = document.getElementById('calendar'); const calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { left: 'prev,next today', center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek' }, initialView: 'dayGridMonth', initialDate: '2020-09-12', navLinks: true, // can click day/week names to navigate views selectable: true, nowIndicator: true, dayMaxEvents: true, // allow "more" link when too many events editable: true, businessHours: true, events: [{ title: 'All Day Event', start: '2020-09-01', }, { title: 'Long Event', start: '2020-09-07', end: '2020-09-10' }] }); calendar.render(); }); } } </script>

El problema es que no sé cómo poner mi información en los eventos del calendario:

 events: [{ title: var.from.api, start: var.from.api, }, { title: var.from.api, start: var.from.api, end: var.from.api }]

algo así (?) No sé cómo obtener la información de la API para mostrarlo.