在vue中多次调用同一个定义全局变量的实例


Posted in Javascript onSeptember 25, 2018

在Vue开发中,有很多场景会用到多次重复的API请求。

例如:

'//192.168.1.117:1009/'

在多个地方调用,每次书写很麻烦,后期项目维护也不好管理。我们可以在src目录下创建一个api文件夹。

例如: 定义一个公共方法。

config.js: export const http='//192.168.1.117:1009/'

在任何页面调用将http方法暴露出来 import {http} from "../../src/api/config"

this.$http.get('{http}/odd/list')

以上这篇在vue中多次调用同一个定义全局变量的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
JS实现的3D拖拽翻页效果代码
Oct 31 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
基于Phantomjs生成PDF的实现方法
Nov 07 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
Vue 组件注册全解析
Dec 17 Vue.js
vue观察模式浅析
Sep 25 #Javascript
详解搭建es6+devServer简单开发环境
Sep 25 #Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
Sep 25 #Javascript
在axios中使用params传参的时候传入数组的方法
Sep 25 #Javascript
VUE实现可随意拖动的弹窗组件
Sep 25 #Javascript
vue移动端弹框组件的实例
Sep 25 #Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 #Javascript
You might like
一个可以删除字符串中HTML标记的PHP函数
2006/10/09 PHP
PHP编写RESTful接口的方法
2016/02/21 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
javascript 闭包疑问
2010/12/30 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
2015/03/05 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
2019/02/27 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
js函数柯里化的方法和作用实例分析
2020/04/11 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
儿童编程python入门
2018/05/08 Python
tensorflow使用神经网络实现mnist分类
2018/09/08 Python
python开启debug模式的方法
2019/06/27 Python
tensorflow指定GPU与动态分配GPU memory设置
2020/02/03 Python
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
Kent & Curwen:与大卫·贝克汉姆合作
2017/06/13 全球购物
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
印度尼西亚最完整和最大的在线药房网站:Farmaku.com
2019/11/23 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
Napapijri西班牙在线商店:夹克、外套、运动衫等
2020/11/05 全球购物
工程师自我评价怎么写
2013/09/19 职场文书
给老师的道歉信
2014/01/11 职场文书
运动会100米解说词
2014/01/23 职场文书
中学生操行评语
2014/04/24 职场文书
小学运动会班级口号
2014/06/09 职场文书
给校长的一封检讨书
2014/09/20 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
迁徙的鸟观后感
2015/06/09 职场文书