/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 vote314 views1 answer
Use vuejs in laravel
Javascript Vue
0 vote318 views1 answer
Mdi/js icons with vue
Javascript Vue
0 vote368 views1 answer
Vue dynamic routes with parameters
Javascript Vue
0 vote303 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
3 votes286 views2 answers
Vue mounted
Javascript Vue
0 vote353 views2 answers
Javascript vue.js right click
Javascript Vue
1 vote329 views1 answer
Nativescript vue get native from ref
Javascript Vue
0 vote327 views1 answer
Expect vue test utils compare objects
Javascript Vue
6 votes380 views3 answers
Vue watch object member
Javascript Vue
-1 vote302 views1 answer
Vuex store in js file
Javascript Vue