/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 vote343 views1 answer
Vue max characters html input
Javascript Vue
0 vote351 views1 answer
Vuejs select placeholder
Javascript Vue
1 vote350 views1 answer
Vue add script tags and link tags
Javascript Vue
0 vote518 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
1 vote324 views1 answer
Vuetify sass variables
Javascript Vue
-1 vote363 views3 answers
Vue is not defined
Javascript Vue
0 vote341 views1 answer
Vuejs localstorage add value
Javascript Vue
0 vote337 views2 answers
Vue on page link or anchor
Javascript Vue
0 vote353 views2 answers
To show which tab is active in VueJS
Javascript Vue
0 vote338 views1 answer
Print vue-chart.js
Javascript Vue