/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

-1 vote148 views3 answers
Uncaught ReferenceError: Vue is not defined
Javascript Vue
0 vote228 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
0 vote119 views1 answer
Vue jest run single test
Javascript Vue
1 vote122 views1 answer
Import js function in vuejs
Javascript Vue
3 votes129 views5 answers
Vue js count down timer
Javascript Vue
0 vote122 views1 answer
Reset reactive state vue 3
Javascript Vue
0 vote108 views1 answer
Vue toggle boolean on click
Javascript Vue
18 votes264 views6 answers
Vue js cdn
Javascript Vue
0 vote123 views1 answer
Vuetify autocomplete get input value
Javascript Vue
1 vote118 views1 answer
Vue npx
Javascript Vue