/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 vote408 views1 answer
Vuetify checkbox click firing twice
Javascript Vue
2 votes359 views1 answer
Vue filter()
Javascript Vue
18 votes467 views6 answers
Vue js cdn
Javascript Vue
1 vote358 views1 answer
Nativescript vue get native from ref
Javascript Vue
4 votes330 views4 answers
Vue scroll to top
Javascript Vue
3 votes318 views2 answers
Vue mounted
Javascript Vue
0 vote340 views1 answer
Vue rails turbolink don't load
Javascript Vue
1 vote359 views1 answer
V-for only getting one first value vuejs
Javascript Vue
12 votes366 views6 answers
Vue
Javascript Vue
0 vote362 views1 answer
Webpack vue global variable
Javascript Vue