在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-cli3.0 中如何使用预处理器 (Sass/Less/Stylus) 配置全局变量操作

vue项目中定义全局变量、函数的几种方法

在vue项目中 如何实现定义全局变量 全局函数操作

vue中配置scss全局变量的步骤

在vue-cli 3中给stylus、sass样式传入共享的全局变量