/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

5 votes204 views5 answers
Vue for loop
Javascript Vue
0 vote231 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
3 votes227 views1 answer
Getter in action vuex
Javascript Vue
0 vote217 views1 answer
Vue js qr code scanner
Javascript Vue
1 vote198 views1 answer
Live vue js port number
Javascript Vue
3 votes217 views1 answer
Filter array in vuex
Javascript Vue
0 vote224 views2 answers
Create a vue project from scratch with 2.9.6
Javascript Vue
3 votes225 views2 answers
Vue fetch api
Javascript Vue
0 vote205 views1 answer
Get the length of an object vuejs
Javascript Vue
1 vote208 views2 answers
Vue watch props
Javascript Vue