Theo-Dancoisne / pokedex

utiliser une api + vuejs
0 stars 0 forks source link

[API]: fetch tes données dans create #9

Open kiuKisas opened 2 years ago

kiuKisas commented 2 years ago

Text du commentaire

Tu dois créer un component qui reprend cette vue, soit qui récupère en props les données dont il a besoins, soit qui les récupère lui meme, et qui l'affiche dans la template. Donc:

component a part, avec sa template et ses {{ my_value }} les données dans data, ou en props

Tu peux voir plus ou moins un exemple ici: https://vuejs.org/examples/#fetching-data

EDIT: ou pas forcément de component a part, mais c'est mieux de separer ce qui depend de chaque donnée. Ici idéalement, tu devrais avoir un component qui affiche un pokemon.

stock le resulltat de ton fetch dans data, par exemple dans pokemons (qui serait un tableau avec tout tes pokemons). dans ta template: https://fr.vuejs.org/v2/guide/list.html

<template>
<template v-for="pokemon in data.pokemons" :key="pokemon.name">
    <PokemonView pokemon="pokemon" />
    <!-- 
    OU ton code qui utilise pokemon si tu decides de ne pas en faire un component a part.
     Mais c'est mieux quand meme 
     -->
</template>
</template>

https://vuejs.org/guide/components/props.html#prop-passing-details

TLDR: