/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 vote217 views1 answer
Biding multiple class vuejs
Javascript Vue
1 vote225 views2 answers
Vue watch props
Javascript Vue
0 vote214 views1 answer
Vue.js function to always uppercase when the client input lowercase
Javascript Vue
2 votes229 views1 answer
Open route in new tab vue router
Javascript Vue
0 vote216 views2 answers
To show which tab is active in VueJS
Javascript Vue
1 vote198 views1 answer
Vue copy image to clipboard
Javascript Vue
0 vote216 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote220 views1 answer
Desable no unused vars in vue.js
Javascript Vue
-1 vote213 views1 answer
Vue resources post
Javascript Vue
11 votes206 views2 answers
Vue router push
Javascript Vue