如何在Vue.js中使用axios进行API调用?

时间:2019-12-30 09:50:26

标签: vue.js axios

我尝试在vue.js应用程序中使用Axios调用API,成功调用了API,但该值不受影响。我想设置从API响应返回的值。

Sample URL

  

Vue.js代码

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

HTML代码

<script src="https://unpkg.com/vue"></script>

<div id="app">
  {{ info }}
</div>

1 个答案:

答案 0 :(得分:1)

我认为您错过了加入JsonArray array1 = getJsonArrayOfSize(10); JsonArray array2 = array1.split(2,5);

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