vue设置全局变量

本文介绍了如何在Vue项目中创建并引入全局变量。通过新建全局文件global.js,并在main.js中导入并挂载,实现各个页面都能访问这些全局变量。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

新建一个global.js

const sourceIp =  'http://120.24.99.100:91'
export default{
    sourceIp
}

到main.js中引入并且挂载

//全局变量全局使用
import global from './api/Global.js'
Vue.prototype.global = global

需要使用到的页面

{{sourceIp}}//直接使用
img class="ev_img"  v-if="currentTab === 0" :src="sourceIp+this.imgbar[0]" alt />



data() {
    return {
        sourceIp:this.global.sourceIp,
        }
      }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值