axios和vue-resource的对比和使用

axios和vue-resource的对比

1. vue-resource: vue插件, 多用于vue1.x
2. axios: 第三方库, 多用于vue2.x

vue-resource使用

// 引入模块
import VueResource from 'vue-resource'
// 使用插件
Vue.use(VueResource)

// 通过vue/组件对象发送ajax请求
this.$http.get('/someUrl').then((response) => {
  // success callback
  console.log(response.data) //返回结果数据
}, (response) => {
  // error callback
  console.log(response.statusText) //错误信息
})

axios使用

// 引入模块
import axios from 'axios'

// 发送ajax请求
axios.get(url)
  .then(response => {
    console.log(response.data) // 得到返回结果数据
  })
  .catch(error => {
	console.log(error.message)
  })