axios在Vue组件中应用
来源:互联网 发布:视频cms 编辑:程序博客网 时间:2024/06/05 20:11
axios在Vue组件中应用
Vue里面虽然有个vue-resource,但是在Vue2.0出来后,作者提倡用axios来做ajax,
在es6的环境下,可以直接:
npm install axios
import axios from ‘axios’
在es5中可以直接引用:
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
axios 里面有几个方法:
- request(config)
- get(url[, config])
- delete(url[, config])
- head(url[, config])
- post(url[, data[, config]])
- put(url[, data[, config]])
- patch(url[, data[, config]])
其中config是自定义ajax配置,想了解的多一点可以点击:
axios中文文档
下面就来说说axios 在vue组件中如何应用
在vue的组件当中,直接获取axios是获取不到的,我们需要把axios赋给vue对象。
Vue.prototype.
这样就可以在vue组件中,调用axios
axios post请求,需要对传的参数进行转换,用axios自带的qs,
安装axios的时候会自动安装qs模块,我们只需要
import qs from 'qs';var data = qs.stringify({ name:'Eric'});
这样服务器端才可以接受到参数
0 0
- axios在Vue组件中应用
- 在vue组件中使用axios
- 在Vue中如何使用axios跨域访问数据
- Vue.js中使用axios
- vue中axios的使用方法
- vue 中axios的封装
- vue中axios 使用实践
- vue axios
- Vue axios
- AXIOS全攻略,vue中全局引入
- Vue axios中this的指向问题
- vue项目中对axios的封装
- vue使用axios中 this 指向问题
- axios模块在vue开发中如何使用引入,如何注册全局方法
- 在vue中封装可复用的组件
- vue-cli,vue-axios登录注册实例 (后台flask实现,数据库sqlite3)并在iphone模拟器中运行
- vue 组件的封装之基于axios的ajax请求
- vue组件化挖矿之旅(五):axios的使用
- Android开发之用户协议字体颜色
- RxJava 简明教程(找了好久,这个一看就懂)
- Fragment
- Jquery(五)过滤选择器之基本过滤
- swift代码之路(三)AF网络请求
- axios在Vue组件中应用
- javascript的push和pop方法
- JQuery 的基础使用
- MIMO/SIMO/SISO
- fork 函数说明
- 【Struts2】struts2学习(3) 资源国际化
- vue2.0之axios使用详解(二)
- Android6.0权限处理封装
- Android中Canvas绘图之PorterDuffXfermode的坑