Import api vue and html

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

Import api vue and html

new Vue({
  el: '#app',
  data () {
    return {
      info: null
    }
  },
  mounted () {
    axios
      .get('https://api.coindesk.com/v1/bpi/currentprice.json')
      .then(response => (this.info = response))
  }
})

-1

Source: vuejs.org

Similar codes

-1 vote301 views1 answer
Align center bootstrap 5 objects
Html
-1 vote281 views1 answer
Cellpadding in html
Html
0 vote343 views1 answer
How to reduce br space in html
Html
6 votes293 views1 answer
Radio button required
Html
0 vote303 views2 answers
Youtube embed video
Html
0 vote295 views1 answer
HTML Column Maker - Bootstrap
Html
0 vote280 views1 answer
HOW TO PERFORM AN ACTION AN OPTION IS CLICKED IN DROP DOWN
Html
0 vote286 views1 answer
Td align top
Html
0 vote284 views1 answer
What if i want a section to take the height of a viewport html
Html
0 vote300 views1 answer
Mp4 start time html
Html