/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 vote192 views1 answer
Vue js destroyed
Javascript Vue
0 vote158 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
0 vote183 views2 answers
Vuejs scrollBehavior
Javascript Vue
0 vote163 views1 answer
How to load js in vuejs components
Javascript Vue
4 votes159 views2 answers
Vue js tutorial
Javascript Vue
1 vote171 views1 answer
Vue select option get attribute
Javascript Vue
0 vote122 views2 answers
Vue test utils emit from child component
Javascript Vue
0 vote160 views1 answer
One component to another component in vuejs trigger function
Javascript Vue
8 votes177 views4 answers
Vue 3 create app
Javascript Vue
0 vote156 views1 answer
Webpack vue global variable
Javascript Vue