安装Axios
-
使用npm安装Axios;
cd 项目所在目录
# npm install axios -S
-
在main.js中添加以下内容,引用Axios,同时用prototype将axios添加为vue原生的属性,$axios相当于axios的别名。
import axios from 'axios'
Vue.prototype.$axios = axios
使用
- 选择一个接口
由于我自己没有后台,所以选择开放API来进行测试。(如果你同样作为初学者,可以尝试找到开放的数据接口)
比如这个,获取豆瓣高分电影:
http://api.douban.com/v2/movie/top250
- 在页面中发起AJAX
就像这样
this.$axios.get('http://api.douban.com/v2/movie/top250')
.then(function (response) {
console.log(response)
})
稍后我们来学习如何封装Axios
网友评论