Vue3 如何挂载全局方法 和用getCurrentInstance代替this

在Vue2.x中,我们通常在main.js通过Vue.prototype挂载全局方法,然后在组件中使用this调用。但在Vue3中,由于setup函数在beforeCreate和created之前执行,因此无法直接使用this。本文介绍了如何在Vue3中挂载全局方法,以及利用getCurrentInstance来替代this。

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

平时我们在开发vue项目的时候,要把一些函数、方法、组件或插件挂在全局上方便项目上每一个页面或模块调用,在vue2.x的时候,在main.js只要用Vue.prototype就能完成,之后在页面上用this来调用,如:

但是切记挂载任何东西之前不能createApp(App)后面不能连缀use()或mount('#app'),如:

或者

根据上面的引入文件创建路径

我的路径是在  ./assets/js/ 下面的js

common.js页面

 

 但是在vue3.0的时候如果用组合api,由于 setup 在生命周期 beforecreate 和 created 前执行,此时 vue 对象还未创建,因无法使用我们在 vue2.x 常用的 this。

定义好以后 方法调用

由于是自己找了一下午 找了半天才找到这个方法 这边就记录了一下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值