Vue文件配置全局变量的实例

有人这样描绘四姑娘山:四姑娘山孕育着银色冬天的梦幻,绿色春天的生命,金色秋天的希望,蓝色夏天的憧憬。四姑娘山,走进她,靠近她,你才知道什么是美,这种美带给你的是各种不同的感受,四季轮转中也无改她的美丽,四姑娘山如婉约的少女,又如豪壮的勇士,伫立在天地间,无比的圣洁,不愧是蜀山之后,东方的阿尔卑斯。

在vue文件里配置所需的全局变量,然后通过export暴露出去。

如 Global.vue

<script type="text/javascript">

 const serverPath="http://127.0.0.1:8080";

 export default{
  serverPath
 }
</script>

在main.js引入,将global接口放到prototype,这样以后其他组件引用global里的全局变量就可以直接通过“this.global.变量”的方式而无需import多次

import global from './Global'

Vue.prototype.global=global

以上这篇Vue文件配置全局变量的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
在vue-cli3.0 中如何使用预处理器 (Sass/Less/Stylus) 配置全局变量操作

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

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

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

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