/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 vote280 views1 answer
Vuejs localstorage add value
Javascript Vue
-1 vote254 views1 answer
Vuex store in js file
Javascript Vue
0 vote266 views1 answer
How to get attr in vuejs
Javascript Vue
0 vote275 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
0 vote277 views1 answer
Vue store access state in actions
Javascript Vue
-1 vote268 views1 answer
How to map over arrays vuejs
Javascript Vue
4 votes265 views2 answers
Vue js tutorial
Javascript Vue
0 vote272 views2 answers
Ionic vue electron
Javascript Vue
0 vote267 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
-1 vote258 views1 answer
Fixed header on scroll vuejs
Javascript Vue