How can I use Vue.js to interact with a cryptocurrency API?

How can I use Vue.js to interact with a cryptocurrency API?

You can use Vue.js to fetch data from a cryptocurrency API by utilizing the Axios library for HTTP requests.

Can you show me a simple example of fetching Bitcoin prices?

Sure! First, install Axios with npm install axios. Then, you can use the following code:

import axios from 'axios';

export default {
  data() {
    return {
      bitcoinPrice: null,
    };
  },
  mounted() {
    axios.get('https://api.coindesk.com/v1/bpi/currentprice/BTC.json')
      .then(response => {
        this.bitcoinPrice = response.data.bpi.USD.rate;
      });
  },
};

What if I want to display the price in real-time?

You can set up a timer using setInterval to fetch the price every few seconds. Just update the mounted method to include:

setInterval(() => {
  this.fetchPrice();
}, 5000);

And create a fetchPrice method to handle the API call.