首页 > web前端 > js教程 > 正文

vue如何使用全局变量

一个新手
发布： 2017-09-19 10:11:54
原创
3882人浏览过

vue 使用全局变量

使用vue中的组件进行请求的时候免不了需要设置baseurl。但是这个baseurl最好不要写在某个全局的vue组件中。如果写到一个组件中的话，打包之后再修改会发现加密了。

好，下面介绍一种方式，把全局变量引入。

1、新建js文件：


文件内容如下：

立即学习“前端免费学习笔记（深入）”；

商汤商量
商汤商量

商汤科技研发的AI对话工具，商量商量，都能解决。

商汤商量 36
查看详情 商汤商量 

const BASE_URL = 'http://192.168.0.108:7878/zkview/'
export default {
  BASE_URL
}
登录后复制

2、修改入口main.js文件

import global_ from './../static/config/global'
登录后复制

然后使用变量

Vue.prototype.GLOBAL = global_;
axios.defaults.baseURL = global_.BASE_URL;
登录后复制

这样就能够使用变量了，使用的时候可以这样：

 alert(this.GLOBAL.BASE_URL);
登录后复制

以上就是vue如何使用全局变量的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：Js常用方法总结 下一篇：Javascript 如何模块化编程
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
JS字符串如何去除空格_JavaScript字符串trim方法与去空格技巧详解 答案：JavaScript中去除空格常用trim()方法，还可结合replace()与正则灵活处理。1.trim()用于去除字符串首尾空格，不修改原字符串，返回新字符串；2.replace(/\s/g,"")可去除所有空白字符（包括中间空格）；3.trimStart()和trimEnd()分别只去除开头或结尾空格；4.处理全角空格等特殊字符需扩展正则，如/\s\u3000/g。根据需求选择合适方法可提升数据处理准确性。
2025-11-05 14:13:02
368
JavaScript教程：高效获取嵌套对象数组中的最大值 本教程详细阐述了在JavaScript嵌套对象结构中，如何正确使用`Math.max()`方法从数组中获取最大值。文章解释了`Math.max()`直接接收数组参数时的常见误区，并提供了两种有效的解决方案：利用`Function.prototype.apply()`方法以及ES6的展开运算符（SpreadOperator），帮助开发者高效准确地处理此类数据提取任务。
2025-11-05 14:12:01
870
js脚本怎么制作定时提醒功能_js定时器与提醒脚本编写方法 JavaScript通过setTimeout和setInterval结合NotificationAPI实现定时提醒，需先请求用户授权通知权限，再设置定时触发系统通知，如每小时提醒久坐休息，实际应用中需处理权限、兼容性及页面休眠影响，并可借助localStorage保存设置以提升体验。
2025-11-05 14:11:02
777
JavaScript代码覆盖率检测与分析 代码覆盖率是衡量测试执行代码比例的指标，包括行、函数、分支和语句覆盖率；常用工具如Jest内置支持或Mocha结合nyc，可生成可视化报告并设置阈值；通过配置collectCoverageFrom、coverageDirectory等项定义收集范围与输出格式；覆盖率报告以颜色标识覆盖情况，绿色为已执行，红色为未执行；需重点关注核心逻辑的低覆盖模块；提升有效覆盖率应编写覆盖多分支、异常处理的测试用例，模拟边界输入，并将检查嵌入CI流程防止质量下降。
2025-11-05 14:09:22
142
js string转boolean 将字符串转为布尔值时，不能依赖隐式转换，因为非空字符串始终为true。应通过比较或函数处理实现：如str==="true"或封装函数判断"true"、"1"、"yes"等值，确保正确转换语义上的布尔值。
2025-11-05 13:59:02
705
MongoDB日期存储时区偏移问题解析与解决方案 本文深入探讨了在ExpressJS与MongoDB应用中，日期数据在存储时出现自动减一天的常见问题。核心原因在于JavaScriptDate对象处理本地时间与UTC时间的转换机制。文章提供了以UTC标准存储日期、并在前端根据用户本地时区进行格式化显示的解决方案，并强调了日期处理的最佳实践，以避免时区引起的混淆。
2025-11-05 13:51:11
837
JavaScript 迭代器：实现可迭代对象与迭代器协议 迭代器协议要求对象有next方法返回{value,done}，可迭代协议要求对象实现Symbol.iterator方法；2.for...of通过Symbol.iterator获取迭代器并调用next遍历；3.示例Counter类通过Symbol.iterator返回带next方法的对象实现遍历。
2025-11-05 13:45:03
140
js中join连接多个数组 join()方法用于将数组元素拼接为字符串，而非合并数组；合并数组应使用concat()或扩展运算符...，如[...arr1,...arr2]。
2025-11-05 13:41:27
652
理解 Express.js 中 next() 参数的机制与应用 在Express.js中，next()参数是中间件函数中的核心机制，用于将请求的控制权显式地传递给管道中的下一个中间件或路由处理程序。本文将深入探讨next()的作用、中间件的注册与执行顺序，以及不当使用可能导致的请求挂起问题，并通过示例代码演示其正确应用。
2025-11-05 13:34:36
156
Node.js连接MongoDB：深入理解Promise处理机制 当MongoDB服务器显示“waitingforconnections”，但Node.js应用无响应时，通常是因为MongoDBNode.js驱动的connect方法返回Promise。本文将详细讲解如何使用.then()或async/await正确处理异步连接，确保应用能成功连接并操作MongoDB数据库，并提供完整的代码示例和最佳实践，帮助开发者解决常见的连接阻塞问题。
2025-11-05 13:34:01
160
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部