ok, aquí está lo que me estoy encontrando para mi proyecto final para mi clase. Estoy creando una aplicación que es como una lista de deseos de películas usando un montón de datos codificados porque no pude encontrar una API que cooperara para poder obtener mi lista de seguimiento para renderizar, pero solo se renderiza como un hash, no con el arte de la caja ni nada por el estilo. Este es mi JavaScript y HTML usando vue.js. Cualquier ayuda sería muy apreciada.
esto es todo lo que rendirá
`<template> <div class="list"> <div v-for="list in lists" v-bind:key="list.id"> <i>{{ list }}</i> </div> </div> </template> <script> import axios from "axios"; export default { data: function () { return { list: [], lists: [], }; }, created: function () { this.indexLists(); }, methods: { indexLists: function () { axios.get("/lists").then((response) => { this.lists = response.data; console.log("list", response.data); }); }, }, }; </script> `Deberá crear una carpeta y colocar todos los carteles de películas allí, asígneles el nombre poster-movie_id.png por ejemplo, poster-3.png -3.png y luego en su código
<template> <div class="list"> <div v-for="list in lists" v-bind:key="list.id"> <img src="images/posters/poster-{{ list.movie_id }}.png"> </div> </div> </template>