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
- vue第六节
- vue饿了么学习-第六篇(mock数据)
- 第六章 第六节 滚动条
- vue 学习第二节
- vue学习 第四节
- 第六节 接口转换
- 第三章 --- 第六节
- 第六节:Quzrtz JobStore
- php学习 第六节
- java笔记第六节
- 第六节 ViewPager
- 函数第六节
- 第六节:事件处理
- 编译原理:第六节
- OC学习 第六节
- 第六章 第二节
- 第六节 Node数组
- 第六节 文档处理
- 数组sort方法的原理
- [LeetCode]260. Single Number III
- Linux下Java中文字体不显示(解决图像中文乱码问题)
- 每天读一点好玩心理学--心理学
- 记一个质量极差的测试工具——请重视手工测试,自动化测试不是银弹
- vue第六节
- 每天读一点好玩心理学--技巧
- 【HDU 4441】 Queue Sequence 【Splay】
- Git学习笔记
- 蓝桥杯——趣味整数问题二(2017.1.31)
- webpack-vue全家桶之实现border-1px
- 第一章 计算机网络概述
- linux c学习笔记----共享内存(shmget,shmat,shmdt,shmctl)
- 字符串的展开(普及--提高)