/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

3 votes351 views1 answer
Filter array in vuex
Javascript Vue
6 votes361 views1 answer
Vuejs set
Javascript Vue
0 vote385 views1 answer
Vue print date
Javascript Vue
0 vote353 views1 answer
Vue js app component
Javascript Vue
1 vote378 views1 answer
Npm font awesome vue
Javascript Vue
0 vote352 views1 answer
Diynamic time vue js
Javascript Vue
0 vote351 views1 answer
Vuetify change text color of radio button
Javascript Vue
0 vote354 views1 answer
Vue.js watch event
Javascript Vue
1 vote368 views1 answer
Import js function in vuejs
Javascript Vue
2 votes402 views1 answer
Vue js data bind
Javascript Vue