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

更新时间：2018年09月25日 14:08:26 作者：爱吃排骨

今天小编就为大家分享一篇在vue中多次调用同一个定义全局变量的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

在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中多次调用同一个定义全局变量的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue 实现一个简单的鼠标拖拽滚动效果插件
这篇文章主要介绍了Vue 实现一个简单的鼠标拖拽滚动效果插件，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下
2020-12-12
vue制作加载更多功能的正确打开方式
这篇文章是一篇Vue.js的教程，目标在于用一种常见的业务场景——分页/无限加载，以及编写过程中自己的错误写法，分享给大家，帮助读者更好的理解Vue.js中的一些设计思想。
2016-10-10
你知道vue data为什么是一个函数
本篇文章从javascript原型链来解释为什么vue中data必须是一个函数，解释一下这部分的原理内容，感兴趣的朋友跟随小编一起看看吧
2021-11-11
Vue中axios的封装（报错、鉴权、跳转、拦截、提示）
这篇文章主要介绍了Vue中axios的封装（报错、鉴权、跳转、拦截、提示）,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-08-08
vue在html标签{{}}中调用函数的方法总结及对比
这篇文章主要给大家介绍了关于vue在html标签{{}}中调用函数的方法总结及对比,文中通过实例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友可以参考下
2023-03-03
在vue中通过axios异步使用echarts的方法
本篇文章主要介绍了在vue中通过axios异步使用echarts的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-01-01
如何用vue封装axios请求
对axios进行封装以及将API接口按业务模块统一管理，有助于我们简化代码，方便后期维护。本文介绍了如何用vue封装axios请求，感兴趣的同学，可以参考下。
2021-06-06
Vue中xlsx的使用方法指南
这篇文章主要给大家介绍了关于Vue中xlsx的使用方法指南,有很多办法都可以实现,其中最简单的还是使用插件xlsx,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2023-07-07
vue获取dom元素注意事项
这篇文章主要介绍了vue获取dom元素注意事项及vue获取dom元素的内容,需要的朋友可以参考下
2017-12-12
element-ui之解决select无法回显的问题
这篇文章主要介绍了element-ui之解决select无法回显的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04