vue全局使用axios的方法实例详解

import axios from \'axios\'
import VueAxios from \'vue-axios\'

Vue.use(VueAxios,axios);

getNewsList(){
   this.axios.get(\'api/getNewsList\').then((response)=>{
    this.newsList=response.data.data;
   }).catch((response)=>{
    console.log(response);
   })
}

import axios from \'axios\'
Vue.prototype.$ajax= axios

this.$ajax.get(\'api/getNewsList\')
.then((response)=>{
  this.newsList=response.data.data;
}).catch((response)=>{
  console.log(response);
})

import Vue from \'Vue\'
import Vuex from \'vuex\'

import axios from \'axios\'

Vue.use(Vuex)
const store = new Vuex.Store({
 // 定义状态
 state: {
  user: {
   name: \'xiaoming\'
  }
 },
 actions: {
  // 封装一个 ajax 方法
  login (context) {
   axios({
    method: \'post\',
    url: \'/user\',
    data: context.state.user
   })
  }
 }
})

export default store

methods: {
 submitForm () {
  this.$store.dispatch(\'login\')
 }
}