/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 vote181 views2 answers
Vuetify data table expanded icon example
Javascript Vue
0 vote148 views1 answer
Vue 3 emit update prop
Javascript Vue
4 votes172 views1 answer
How to call action from another module vuex
Javascript Vue
2 votes214 views1 answer
Vue directive access this
Javascript Vue
0 vote185 views1 answer
How get state global in modules in vue
Javascript Vue
0 vote204 views2 answers
Why i can't download node-sass while craeting new vue app
Javascript Vue
0 vote176 views1 answer
Bindbidirectional vue js
Javascript Vue
16 votes380 views5 answers
Vuejs router params
Javascript Vue
0 vote134 views1 answer
Vue tilt
Javascript Vue
0 vote176 views1 answer
Show conditional header based on url in vue js
Javascript Vue