02 在Vue项目中使用Axios

安装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