Vue引入Axios

1.命令安装axios和vue-axios

npm install axios --save
npm install vue-axios --save

2.package.json查看版本

3.在main.js中引用

import axios from 'axios';
import VueAxios from 'vue-axios';
Vue.use(VueAxios,axios)

4.如何使用

（初始化方法）

将下列代码放在Home.vue中：

export default {

  name: 'HomeView',

下边即可

methods:{
    getList(){
      this.axios.get('http://localhost:3312/user/getList',{
        params:{
          page:this.query.page,
          size:this.query.size,
          name:this.query.name,
          phone:this.query.phone,
          city:this.query.city
        }
      }).then((resp)=>{
        console.log(resp);
        this.tableDate =resp.data,content.list;
        this.total=resp.data.content.total;
      })
    },
  }