/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 vote287 views1 answer
Vue i18n command
Javascript Vue
2 votes324 views1 answer
Vue js data bind
Javascript Vue
0 vote293 views1 answer
Vue event two parameter with e
Javascript Vue
1 vote301 views1 answer
Vuex getters
Javascript Vue
1 vote294 views1 answer
Vue get data from method
Javascript Vue
0 vote252 views1 answer
Dateformat filter vue
Javascript Vue
0 vote300 views1 answer
Vue store access state in actions
Javascript Vue
2 votes288 views2 answers
Vue directive
Javascript Vue
0 vote341 views1 answer
Vuetify checkbox click firing twice
Javascript Vue
5 votes307 views3 answers
Vue select option v-for selected
Javascript Vue