/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

3 votes135 views2 answers
Vue mounted
Javascript Vue
18 votes231 views6 answers
Vue 3 CDN
Javascript Vue
0 vote173 views2 answers
Pass image as props vue vuetify
Javascript Vue
0 vote184 views1 answer
Update head tag metadata vue
Javascript Vue
0 vote185 views1 answer
Firestorage vuetify
Javascript Vue
3 votes151 views1 answer
Vue watch child component property
Javascript Vue
0 vote198 views1 answer
Vuejs show content on loaded
Javascript Vue
2 votes199 views1 answer
Open route in new tab vue router
Javascript Vue
0 vote195 views1 answer
Vuejs input text
Javascript Vue
0 vote198 views1 answer
Hide component on click vue
Javascript Vue