/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

18 votes242 views6 answers
Vue js cdn
Javascript Vue
1 vote107 views1 answer
Vuex-module-decorators access other state
Javascript Vue
0 vote101 views1 answer
Show conditional header based on url in vue js
Javascript Vue
1 vote97 views1 answer
Vue test form input
Javascript Vue
0 vote116 views1 answer
Problem with owl carousel in vue when useing axios
Javascript Vue
1 vote100 views1 answer
Vue get height of element ref
Javascript Vue
0 vote122 views2 answers
Why i can't download node-sass while craeting new vue app
Javascript Vue
0 vote117 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
17 votes292 views6 answers
Vue js
Javascript Vue
1 vote102 views1 answer
Biding multiple class vuejs
Javascript Vue