Vue3实现挂载全局方法和用getCurrentInstance代替this
更新时间：2025年04月19日 08:43:12 作者：发奋图强_lee
这篇文章主要介绍了Vue3实现挂载全局方法和用getCurrentInstance代替this,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Vue3挂载全局方法和用getCurrentInstance代替this
平时我们在开发vue项目的时候，要把一些函数、方法、组件或插件挂在全局上方便项目上每一个页面或模块调用，在vue2.x的时候，在main.js只要用Vue.prototype就能完成，之后在页面上用this来调用，如：
main.js:
调用
在vue3.0的时候挂在全局方法就不一样，通过 app.config.globalProperties来挂载，如挂载axios：
方法一
但是切记挂载任何东西之前不能createApp(App)后面不能连缀use()或mount('#app')，如：
或者
方法二
把封装的函数和api挂载在全局变量install方法里，之后导出
在main.js 引入，
但是在vue3.0的时候如果用组合api，由于 setup 在生命周期 beforecreate 和 created 前执行，此时 vue 对象还未创建，因无法使用我们在 vue2.x 常用的 this。
那就用 getCurrentInstance代替this，首先引入，之后声明如下：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了在vue项目中使用百度地图的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴借鉴价值,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了vue函数input输入值请求时延迟1.5秒请求问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
本篇文章主要介绍了详解vue 中使用 AJAX获取数据的方法，在VUE开发时，数据可以使用jquery和vue-resource来获取数据，有兴趣的可以了解一下。2017-01-01
文章介绍了Vue中组件的基本使用、定义、注册、书写标签和嵌套等关键步骤和注意事项,详细解释了组件的配置选项、如何通过Vue.extend创建组件以及组件实例对象与Vue实例对象的区别,还提及了单文件组件的结构和编写逻辑,并强调了组件原型链的重要性2025-10-10
uniapp如何打包到H5并成功发布,以及在打包过程中会遇到的坑如何解决,本文将一一讲解,文中通过图文结合的方式给大家讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下2024-10-10
最近需要再页面里做个倒计时,发现用clearInterval()清除定时器失效,下面这篇文章主要给大家介绍了关于VUE设置和清除定时器的方式及遇到的问题的相关资料,需要的朋友可以参考下2022-10-10
Vue element-ui中表格过长内容隐藏显示的实现方式
在Vue项目中,使用ElementUI渲染表格数据时,如果某一个列数值长度超过列宽,会默认换行,造成显示不友好,下面这篇文章主要给大家介绍了关于Vue element-ui中表格过长内容隐藏显示的实现方式,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了Vant 中的Toast设置全局的延迟时间操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
watch这个API大家都很熟悉,今天这篇文章小编来带你搞清楚Vue3的watch是如何实现对响应式数据进行监听的,希望对大家有一定的帮助2024-11-11
这篇文章主要介绍了如何用命令窗口的方式创建Vue项目过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
最新评论