/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 vote296 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
0 vote309 views1 answer
Vuetify change text color of radio button
Javascript Vue
1 vote325 views3 answers
Settimeout in vuejs
Javascript Vue
0 vote329 views1 answer
How add dynamic class in vue.js
Javascript Vue
1 vote323 views1 answer
Vuelidate required if another props
Javascript Vue
1 vote344 views2 answers
Target data option select vue js
Javascript Vue
3 votes301 views1 answer
Getter in action vuex
Javascript Vue
15 votes417 views6 answers
Vuejs
Javascript Vue
1 vote301 views1 answer
Vuetify sass variables
Javascript Vue
0 vote331 views1 answer
Vuetifyjs 2.0 2 column side bar
Javascript Vue