/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

1 vote181 views1 answer
Vuex add multiple payload to mutation
Javascript Vue
0 vote126 views1 answer
Vue block other script event listeners
Javascript Vue
0 vote210 views1 answer
Laravel vue js component won't mount
Javascript Vue
0 vote181 views1 answer
Vuetify change text color of radio button
Javascript Vue
0 vote183 views1 answer
Adding jquery to vuepress
Javascript Vue
0 vote194 views1 answer
Cannot find module 'vue/types/umd'
Javascript Vue
0 vote181 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote169 views1 answer
Vue js video call
Javascript Vue
0 vote169 views1 answer
Re init data vue js
Javascript Vue
0 vote180 views1 answer
Vue js link image link in props doesnt work
Javascript Vue