vue中axios的基本使用（一）

一、Axios特性：

（1）支持promise API
（2）拦截请求和响应数据
（3）转换请求数据和响应数据
（4）取消请求
（5）自动转换JSON数据
（6）客户端支持防御XSRF

二、Axios的基础用法

vue-cli3.x创建项目：vue create axios-vue
然后运行项目：

 $ cd axios-vue
 $ yarn serve // npm run serve// yarn run serve

添加axios组件：两种语法自行选择

yarn add axios // npm install axios

axios的请求方法 :get post put patch delete
（1）get:获取数据
（2）post:提交数据(表单提交+文件)
（3）put:更新数据（全部数据提交到后端）
（4）patch:更新数据（只将修改的数据推送到后端）
（5）delete:删除数据
并发请求：同时进行多个请求，并统一处理返回值
基本样式为：

//axios.all()  axios.spread()
    axios.all([
        //下面的是axios的请求
        axios.get('/data.json'),
        axios.get('/city.json')
    ]).then(axios.spread((dataRes,cityRes)=>{
        //dataRes cityRes是请求的返回值
        console.log(dataRes,cityRes)
    }))