vue-cli中使用axios！

axios是什么？

    axios是什么？axios是基于Promise实现的一个Http库，可以发送http请求，是ajax的一种代替品。

    axios的用处：

    （1）可以在浏览器创建XMLHttpRequest发送http请求。

    （2）可以和node完美的结合，发送http请求。

    （3）由于是基于Promise实现的，支持Promise的API。

    （4）拦截请求和响应。

    （5）可以转换请求数据和响应数据。

    （6）取消请求。

    （7）防止客户端的SXRF攻击。

Vue中如何使用axios呢？

    （1）首先搭建好vue的脚手架工程，教程链接：https://www.jb51.net/article/160270.htm 

    （2）使用npm install axios 或者 cnpm install axios 或者 yarn add axios 安装axios模块

    （3）安装完之后，在工程里面的main.js里引入axios包：import  axios from 'axios'，引入完之后在加一句Vue.prototype.$axios = axios，这句话的意思是给Vue这个实例对象设置一个名为$axios的属性，它的值就是引入的axios这个对象，完整的代码如下图：

    之后我们新建一个组件，定义一个按钮和一个方法，如下图：

    打开浏览器可以看到请求导数据，如下图：