/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 vote130 views1 answer
Vuejs input call the value
Javascript Vue
0 vote133 views2 answers
Vue slot events
Javascript Vue
1 vote120 views1 answer
Vuex add multiple payload to mutation
Javascript Vue
0 vote123 views1 answer
String in vue.js
Javascript Vue
28 votes252 views4 answers
Vue inline style bind
Javascript Vue
1 vote118 views1 answer
Vue dynamic create watch
Javascript Vue
0 vote122 views1 answer
Show conditional header based on url in vue js
Javascript Vue
0 vote123 views1 answer
QuerySelector a slot vuejs
Javascript Vue
0 vote127 views1 answer
Vuejs enter phone with country flag
Javascript Vue
5 votes118 views1 answer
Vue prop string or number
Javascript Vue