/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 vote178 views1 answer
Vuejs chatbot widget
Javascript Vue
0 vote211 views1 answer
Vuex get data in mounted
Javascript Vue
-1 vote166 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
21 votes247 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue
16 votes305 views4 answers
Vue class add if
Javascript Vue
0 vote187 views1 answer
Vue.js cdn script
Javascript Vue
6 votes184 views3 answers
Url params vue
Javascript Vue
7 votes186 views1 answer
Vue 3 composition api watch
Javascript Vue
0 vote177 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
0 vote179 views1 answer
Vue can't refresh after change vmodel data
Javascript Vue