/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 vote308 views1 answer
The following dependencies are imported but could not be resolved vue js
Javascript Vue
0 vote304 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
1 vote323 views1 answer
Invalid Host header vue
Javascript Vue
0 vote305 views1 answer
Get the length of an object vuejs
Javascript Vue
0 vote288 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
8 votes347 views4 answers
Vue 3 create app
Javascript Vue
0 vote323 views1 answer
Aos initial configuration vue
Javascript Vue
0 vote300 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote322 views1 answer
Vue js hooks
Javascript Vue
11 votes324 views2 answers
Go to next route vuejs
Javascript Vue