/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 vote197 views1 answer
Vue function data update
Javascript Vue
1 vote196 views1 answer
Content editable vuejs
Javascript Vue
0 vote191 views1 answer
Basic Vue JS Setup script for Laravel App
Javascript Vue
1 vote231 views4 answers
For loop vue object
Javascript Vue
21 votes469 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue
0 vote194 views1 answer
Vuejs show content on loaded
Javascript Vue
18 votes377 views6 answers
Vue 3 CDN
Javascript Vue
5 votes186 views6 answers
Vue v-for object
Javascript Vue
0 vote215 views1 answer
Diynamic time vue js
Javascript Vue
0 vote193 views1 answer
Dynamic vue js maintenance mode
Javascript Vue