vue第六节

来源:互联网 发布:蜜蜂软件怎么注册 编辑:程序博客网 时间:2024/06/03 14:10

项目开发中必不可少的要跟服务器进行数据交互,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))    }  }

效果图

这里写图片描述

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

0 0