/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 vote249 views1 answer
Npm font awesome vue
Javascript Vue
0 vote262 views2 answers
Javascript vue.js right click
Javascript Vue
13 votes276 views5 answers
Vue js cdn link
Javascript Vue
0 vote226 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Vue
7 votes229 views2 answers
Vue watch handler
Javascript Vue
0 vote235 views1 answer
Sweetalert2 vue on ok click page refresh
Javascript Vue
5 votes242 views5 answers
Vue for loop
Javascript Vue
3 votes223 views1 answer
Vue.js force to reload re-render
Javascript Vue
1 vote247 views2 answers
Focus on input field vuejs event
Javascript Vue
0 vote261 views2 answers
Vuelidate require if
Javascript Vue