/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

1 vote210 views1 answer
Vue watch
Javascript Vue
0 vote204 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
1 vote212 views1 answer
Live vue js port number
Javascript Vue
0 vote203 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
0 vote197 views1 answer
Vue.js watch event
Javascript Vue
2 votes210 views1 answer
Vue component lifecycle
Javascript Vue
0 vote188 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
-1 vote211 views2 answers
Call a function of another component vue
Javascript Vue
1 vote212 views1 answer
Track window resize in vue
Javascript Vue
0 vote213 views1 answer
Vue.js cdn script
Javascript Vue