Es fin de semana y necesito completar algunas horas, pero estoy atascado en todas mis tareas. No puedo entender cómo el backend de la aplicación en la que estoy trabajando interactúa con el front-end. Hasta ahora tengo un punto final al que puedo acceder que me da los datos:

 @app.route('secure/endpointexample', methods=['GET']) def get_data_from_backend(): return jsonify(data_from_backend)

Y tengo una ruta que representa una plantilla que se crea con el complemento acumulativo de Vue.

 @app.route('secure/renderexampletemplate', methods=['GET']) def render_example_template(): return render_template('example.html', data = get_data_from_Backend())

Finalmente, estoy tratando de usar los datos en mi componente Vue así:

 <template> <div> <div v-for="datum in data" :key="datum.id"> <p> datum.name </p> </div> </div> </template>

Recibo un mensaje en la consola que indica que no está encontrando la propiedad (datos).

Intenté usar la función de búsqueda de axios y javascript, pero una requiere instalar una dependencia y la otra simplemente no funciona. Estoy tratando de usar otra aplicación que mi equipo creó como ejemplo y he buscado por todas partes cómo están accediendo a los puntos finales de API, pero no ha aparecido nada.

¿Hay alguna forma de acceder a los puntos finales usando un matraz puro o tal vez otra forma que no conozco?