/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 vote234 views1 answer
Laravel vue global function
Javascript Vue
2 votes253 views2 answers
How to use console.log in vuejs
Javascript Vue
2 votes242 views1 answer
Vue filter()
Javascript Vue
0 vote266 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
8 votes241 views3 answers
Vue redirect to route
Javascript Vue
0 vote265 views1 answer
Cannot find module 'vue/types/umd'
Javascript Vue
0 vote243 views1 answer
How to open same project on different devices vue js
Javascript Vue
15 votes226 views3 answers
Vue3 - class and style binding
Javascript Vue
38 votes307 views5 answers
Vue create cli
Javascript Vue
6 votes243 views2 answers
Vue-cli-service
Javascript Vue