/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 vote99 views1 answer
Vuejs input call the value
Javascript Vue
0 vote102 views1 answer
Vuejs get data fromo ajax
Javascript Vue
0 vote135 views1 answer
Laravel vue js component won't mount
Javascript Vue
4 votes101 views3 answers
Vue get element height
Javascript Vue
7 votes105 views2 answers
Vue watch handler
Javascript Vue
0 vote102 views2 answers
Action checkbox selected vue js
Javascript Vue
0 vote67 views1 answer
Vuelidate custom error messages
Javascript Vue
0 vote105 views2 answers
Javascript vue.js right click
Javascript Vue
3 votes101 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
63 votes218 views4 answers
Install vue js
Javascript Vue