/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 vote124 views2 answers
Vue slot events
Javascript Vue
0 vote129 views1 answer
Vue get component hash
Javascript Vue
4 votes137 views1 answer
Vue.js axios delete then
Javascript Vue
0 vote131 views1 answer
Laravel vuejs barcode
Javascript Vue
1 vote133 views1 answer
Vue js access data in method
Javascript Vue
4 votes92 views4 answers
Vue scroll to top
Javascript Vue
3 votes137 views1 answer
Filter array in vuex
Javascript Vue
0 vote123 views1 answer
How use a ExpressJS, VueJS, Jade together?
Javascript Vue
-1 vote117 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
6 votes116 views2 answers
Redirect in vue
Javascript Vue