关于axios如何全局注册浅析


Posted in Javascript onJanuary 14, 2018

前言

最近用 Vue 写项目的时候,用到 axios ,因为 axios 不能用 Vue.use() (详细介绍可以参考这篇文章),所以在每个 .vue 文件中使用 axios 时就需要 import , .vue 文件少的话还好说,多的话未免有点麻烦。

后来想了想,能不能直接把 axios 加到 Vue 的原型中,这样就达到了全局注册了。下面话不多说了,来一看看详细的介绍吧。

方法如下:

1. 首先在 main.js 中引入 axios

import Vue from 'vue'
import axios from 'axios'
//把 `axios` 加到 `Vue` 的原型中
Vue.prototype.axios = axios;
new Vue({
 el: '#app',
 render:h => h(App)
})

2. 在 .vue 文件中使用时,注意  axios 前要加  this

<script>
export default {
 name:'app',
 data(){
  return{
   msg:'hello'
  }
 },
 methods:{
  send(){
   // 注意:因为 axios 是加到 Vue 的原型中了,所以使用 axios 方法时,前面需要加 this
   this.axios.get('https://www.baidu.com*******')
   .then(resp => {
    console.log(resp.data)
   }).catch(err => {
    console.log(err);
   })
  }
 }
}
</script>

嗯,就这样,结果当然是没有问题的啦!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
jQuery1.6 使用方法一
Nov 23 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 Javascript
利用Node.js对文件进行重命名
Mar 12 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
vue ssr 指南详读
Jun 29 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
Vue+Flask实现简单的登录验证跳转的示例代码
Jan 13 #Javascript
react-redux中connect的装饰器用法@connect详解
Jan 13 #Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 #Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 #Javascript
vuejs实现递归树型菜单组件
Jan 13 #Javascript
在vue中通过axios异步使用echarts的方法
Jan 13 #Javascript
详解基于vue-cli配置移动端自适应
Jan 13 #Javascript
You might like
PHP.MVC的模板标签系统(五)
2006/09/05 PHP
《PHP编程最快明白》第六讲:Mysql数据库操作
2010/11/01 PHP
PHP操作FTP类 (上传、下载、移动、创建等)
2016/03/31 PHP
php实现简单加入购物车功能
2017/03/07 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
兼容FireFox 的 js 日历 支持时间的获取
2009/03/04 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
利用纯Vue.js构建Bootstrap组件
2016/11/03 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
详解js删除数组中的指定元素
2018/10/31 Javascript
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
[01:03:27]NAVI vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
在python tkinter中Canvas实现进度条显示的方法
2019/06/14 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
python 操作excel表格的方法
2020/12/05 Python
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
大整数数相乘的问题
2012/07/22 面试题
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
简历中个人求职的自我评价模板
2013/11/29 职场文书
大学生咖啡店创业计划书
2014/01/21 职场文书
火车的故事教学反思
2014/02/11 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
幼儿园家长寄语
2014/04/02 职场文书
简单租房协议书
2014/10/21 职场文书
项目负责人岗位职责
2015/02/15 职场文书
预备党员转正意见
2015/06/01 职场文书
2016年万圣节活动总结
2016/04/05 职场文书