vue中简单使用axios

一、下载依赖

npm install axios --save

二、在main.js中引入依赖并全局注册

import axios from ‘axios’
Vue.prototype.$axios = axios

举个简单的例子，点击按钮，会显示对应的笑话，点击一次笑话变化一次

<template>
  <div id="app">
    <input type="button"
           value="获取笑话"
           @click="getJoke" />
    <p>{{ joke }}</p>
  </div>
</template>

<script type="text/ecmascript-6">
const axios = require('axios');
export default {
  data() {
    return {
      joke: "笑话"
    }
  },
  methods: {
    getJoke: function () {
      var that = this;
      axios.get("https://autumnfish.cn/api/joke").then(function (res) {
        that.joke = res.data;
      })
    }
  },
};
</script>