vue 怎么全局到入常量_在vue项目中 如何定义全局变量 全局函数

本文介绍了在Vue项目中定义和使用全局变量与函数的方法。通过创建全局变量模块文件,如Global.vue,导出并挂载到Vue.prototype,可以在项目各处便捷访问。同时,也展示了如何通过Vue.prototype添加全局函数,包括直接在main.js中定义或在独立模块中导出。此外,提及Vuex作为另一种管理全局状态的方式。这些技巧适用于各种模块化开发场景。
摘要由CSDN通过智能技术生成

原理:

设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用export default 暴露出去,在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。

全局变量模块文件:

Global.vue文件:

const token='12345678';

const hasEnter=false;

const userSite="中国钓鱼岛";

exportdefault{

userSite,//用户地址

token,//用户token身份

serverSrc,//服务器地址

hasEnter,//用户登录状态

}

使用方式1:

在需要的地方引用进全局变量模块文件,然后通过文件里面的变量名字获取全局变量参数值。

在text1.vue组件中使用:

{ { token }}

export default{

name:'text',

data () {return{

token:global_.token,//将全局变量赋值到data里面,也可以直接使用global_.token

}

}

}

使用方式2:

在程序入口的main.js文件里面,将上面那个Global.vue文件挂载到Vue.prototype。

<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值