VUE——全局变量模块或全局方法挂载到Vue.prototype里使用

本文介绍了一种在Vue项目中实现全局函数挂载的方法,通过在custom.js中声明并暴露方法,然后在main.js中导入custom.js并挂载到Vue.prototype上,使得多个页面可以共享这些函数,如获取cookie等常用操作,简化了代码复用,提高了开发效率。
摘要由CSDN通过智能技术生成

比如登录后返回token,将token存入cookie,其他页面或请求的时候需要判断有没有cookie,请求的时候需要带上cookie,没有则返回登录。这样一来多个页面位置上需要去拿cookie,需要封装函数方法,并导入。
如多将此方法挂载到Vue.prototype上,则其他地方只需要:this.挂载的名称   即可使用
这样一来,很多需要多次重复使用的全局函数都可以挂载,以便其他地方使用,
以下作为记录,以便后续使用

新建custom.js 用来声明,并暴露方法
在main.js中导入custom.js并挂载到Vue.prototype上

import custom from "./assets/js/custom";
Object.keys(custom).forEach(key => {
  Vue.prototype["$" + key] = custom[key];
});

使用:
获取cookie

methods:{
    onAction(){
        let cookie=this.$getCookie('key');
        console.log(cookie);
    }
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值