vue第六节

项目开发中必不可少的要跟服务器进行数据交互,vue1.—>vue2.0 HTTP请求官方也从推荐使用Vue-resoure变为了axios，当然还是可以用vue-resource或者superagent。我们还是按推荐的来，那我们下面说说axios的使用。

安装 cnpm install –save axios -D

引用设置并使用

import axios from 'axios'
Vue.prototype.$http = axios
将axios这个对象clone到Vue的$http这个属性上,以后我们就可以在其他组件里使用axios来进行 异步请求了

测试我们就在一个页面中，模拟一个请求打印一下结果就好了

这里因为有跨域的问题，我也懒得在本机搞代理了，就用豆瓣电影的api加bird代理

created () {
    this.getRecords()
  },
  methods: {
    getRecords () {
      this.$http.get('https://bird.ioliu.cn/v1?url=https://api.douban.com/v2/movie/top250?start=1').then(m => console.log(m.data))
    }
  }

效果图

测试过了，那我们就可以搞起来了