个人笔记-----Vue中与后台通信axios【如有不对,欢迎指正】
2019-05-02 22:23
344 查看
安装 axios
npm install axios --save-dev
main.js中的
Vue.config.productionTip = false设置
false以阻止 vue 在启动时产生提示。
然后再
main.js中引入,
import axios from 'axios',然后再Vue实例对象中进行注册,
//实例化vue对象 new Vue({ router, store, axios, render: h => h(App) }).$mount('#app')
这样在其他组件还不能直接使用,而且还不能用 user 方法,需要在 vue 的原型属性添加一个属性
$axios,并且将这个属性指向 axios ,这样在其他组件我们就可以直接使用 axios 命令了。
vue 的原型属性添加一个属性 `$axios` Vue.prototype.$axios = axios
.$axios有一个 get 方法,还有一个 post 方法,
语法是:
**get() 方法** getApi(){ this.$axios.get('rul') .then((res) => { }) .catch((err) => { }) } **post() 方法** this.$axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (res) { console.log(res); }) .catch(function (err) { console.log(err); });
.then()方法建议使用箭头函数,如果用
function会涉及到 this 的指向问题,
相关文章推荐
- 个人练习----Vue中使用axios请求数据【如有不对,欢迎指正】
- 个人笔记-----Vue怎么玩,Vue就是这么玩【如有不对,欢迎指正】
- 个人练习----Vue 封装操作localstorage 本地存储的方法【如有不对,欢迎指正】
- 自加自减运算符的错误使用和理解【个人学习笔记,如有错误欢迎指正】
- 对象/类,函数/方法 的区分(仅代表个人观点,如有偏差欢迎指正)
- 各种猥琐的Java笔试/面试题目的答案(这是我自己测试得出的答案,如有不对的欢迎批评指正)
- 个人在使用vue中引入jquery和bootst整理的笔记,开始看了网上很多实例方法,都基本没成功
- vue学习过程的个人笔记
- 如何进行和后台交互通信(axios)
- Vue.js 2.x笔记:服务请求axios(8)
- Django 2.0官方文档中文 渣翻 总索引(个人学习,欢迎指正)
- 一台PC多个网卡通信时用哪个【个人笔记】
- C++复习 个人理解 欢迎指正
- 基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
- 最最基础的java中的小概念,也相当于给自己做个笔记,仅供Java零基础的同学参考,水平有限欢迎批评指正。
- Vue学习之路---No.2(分享心得,欢迎批评指正)
- Android笔记:Android后台接口教程一(从零开始学习Android后台接口)Android 前后台通信
- 个人对于微信公众平台开发的一些整理,后续会有补充,欢迎大家给予指正。一、关于如何获取微信公众原始号
- 个人笔记006--vue利用定时器实现系统时间
- VUE用AXIOS向后台请求数据