/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

6 votes231 views1 answer
Vuejs set
Javascript Vue
0 vote222 views1 answer
Vuex store example medium
Javascript Vue
0 vote254 views1 answer
_onResize vue leaflet
Javascript Vue
0 vote237 views1 answer
How to find length of a assocative array vuejs
Javascript Vue
11 votes219 views2 answers
Vue router push
Javascript Vue
0 vote182 views3 answers
Using the watch method to monitor route updates in vue
Javascript Vue
2 votes258 views1 answer
Vuejs send required props to dynamic component
Javascript Vue
2 votes225 views1 answer
Add tailwind to vue 3
Javascript Vue
1 vote228 views1 answer
Vue get data from method
Javascript Vue
3 votes219 views5 answers
Vue js count down timer
Javascript Vue