/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 vote341 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
1 vote334 views1 answer
Vue js copy text to clipboard
Javascript Vue
0 vote364 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue
2 votes385 views1 answer
Vuejs send required props to dynamic component
Javascript Vue
0 vote365 views1 answer
How add dynamic class in vue.js
Javascript Vue
0 vote347 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
1 vote353 views1 answer
V-for only getting one first value vuejs
Javascript Vue
0 vote325 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
4 votes346 views1 answer
How to create a global variable in vue
Javascript Vue
0 vote333 views1 answer
Vue.js props undefined type
Javascript Vue