/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

31 votes383 views5 answers
Inline style vue
Javascript Vue
0 vote277 views1 answer
Sweetalert2 vue on ok click page refresh
Javascript Vue
0 vote297 views1 answer
Firestorage vuetify
Javascript Vue
0 vote283 views1 answer
Vue minify images
Javascript Vue
0 vote286 views1 answer
VueJS - check strings is includes in vuejs
Javascript Vue
1 vote283 views1 answer
Get text inside span vue test utils
Javascript Vue
0 vote305 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
0 vote286 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
3 votes231 views3 answers
Timer countup in vue js
Javascript Vue
-1 vote304 views3 answers
Uncaught ReferenceError: Vue is not defined
Javascript Vue