/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

6 votes287 views2 answers
Vue watch deep property
Javascript Vue
5 votes300 views3 answers
Vue select option v-for selected
Javascript Vue
31 votes388 views5 answers
Inline style vue
Javascript Vue
0 vote293 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
1 vote273 views1 answer
Vue check if list is empty
Javascript Vue
1 vote300 views1 answer
Vue add script tags and link tags
Javascript Vue
0 vote268 views1 answer
Get props from methods in vue
Javascript Vue
0 vote288 views3 answers
How to render file vue template in javascript with gulp
Javascript Vue
0 vote296 views1 answer
How manipulate the multiple input option data in one function in vue js
Javascript Vue
4 votes311 views3 answers
Vue computed
Javascript Vue