/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

54 votes238 views2 answers
How to setup vue
Javascript Vue
2 votes119 views2 answers
How to use console.log in vuejs
Javascript Vue
0 vote113 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
0 vote117 views1 answer
Vue google map api for user marker location
Javascript Vue
0 vote154 views1 answer
Laravel vue js component won't mount
Javascript Vue
1 vote126 views1 answer
Vue dev server proxy not working
Javascript Vue
0 vote120 views1 answer
Vuejs get data fromo ajax
Javascript Vue
1 vote117 views1 answer
Vue add script tags and link tags
Javascript Vue
15 votes244 views6 answers
Vuejs
Javascript Vue
0 vote128 views1 answer
Vue js qr code scanner
Javascript Vue