/Javascript/Vue/Vuejs list items from axios

Vuejs list items from axios

<ul>
    <li v-for="food in foods">
        <h2>{{food.name}}</h2>
        <ul>
              <li v-for="nutrient in food.nutrients">{{nutrient.nutrient_id}}</li>
        </ul>
    </li>
</ul>


axios.get(url).then(response => { 
    this.foods = response.data.report.foods
})

Source: stackoverflow.com

Similar codes

0 vote325 views1 answer
Deploy vue js to shared hosting
Javascript Vue
1 vote312 views1 answer
Vue check if list is empty
Javascript Vue
0 vote317 views1 answer
Sortby vue
Javascript Vue
0 vote365 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
0 vote334 views1 answer
Vue max characters html input
Javascript Vue
0 vote330 views1 answer
Add font awesome to vue
Javascript Vue
2 votes313 views2 answers
Vue + change router link active class
Javascript Vue
0 vote343 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote311 views1 answer
Vue js video call
Javascript Vue
0 vote335 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue