/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 vote135 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
1 vote129 views1 answer
Vue access computed property in data
Javascript Vue
3 votes135 views1 answer
V-switch vuex store
Javascript Vue
13 votes312 views5 answers
Vue js cdn link
Javascript Vue
0 vote250 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote131 views1 answer
Laravel vuejs lang
Javascript Vue
2 votes140 views1 answer
Vue js get width of element
Javascript Vue
16 votes282 views4 answers
Vue class add if
Javascript Vue
4 votes137 views3 answers
Vue get element height
Javascript Vue
0 vote137 views1 answer
Vuetify autocomplete get input value
Javascript Vue