Vue笔记(十二) vue-ajax

vue 项目中常用ajax 库

vue-resource vue 插件  非官方库  vue1.x 使用广泛
axios 通用的 ajax 请求库  官方推荐  vue2.x 使用广泛

vue-resource 的使用

在线文档https://github.com/pagekit/vue-resource/blob/develop/docs/http.md

下载
npm install vue-resource --save

// 引入模块
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 的使用

在线文档 https://github.com/pagekit/vue-resource/blob/develop/docs/http.md
下载: npm install axios --save

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

测试接口

接口1: https://api.github.com/search/repositories?q=v&sort=stars
接口 2: https://api.github.com/search/users?q=aa