Vue初入门-axios

155 阅读1分钟

简介

一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

特性 从浏览器中创建 XMLHttpRequests

从 node.js 创建 http 请求

支持 Promise API

拦截请求和响应

转换请求数据和响应数据

取消请求

自动转换 JSON 数据

客户端支持防御 XSRF

浏览器支持

导入

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

使用

我们首先创建一个 data 里的 property 以最终放置信息,然后将会在 mounted 生命周期钩子中获取数据并赋值过去

 new Vue({
  el: '#app',
  data () {
    return {
    //info:{属性名:初始值}
      info: null
    }
  },
  mounted () {
    axios
    //获取数据的地址
      .get('https://api.coindesk.com/v1/bpi/currentprice.json')
      //获取什么数据
      .then(response => (this.info = response))
  }
})
<div id="app">
  {{ info }}
</div>