4337
文章
2317244
访问
分类
暂无分类
标签
暂无标签
日期归档
2023-06(4)
Vue3 如何挂载全局方法 和用getCurrentInstance代替this
发布于2021-05-23 01:06 阅读(3182) 评论(0) 点赞(4) 收藏(1)
平时我们在开发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，首先引入，之后声明如下：
原文链接:https://blog.csdn.net/versionli/article/details/116658613
window属性：controllers
2022年最受欢迎的8大编程语言
为什么都说程序员找不到女朋友，但是身边程序猿的却没一个单身的
30岁以上你还死磕技术，别说拿高薪，可能你连饭碗都会保不住
程序员被开除，老板：“有你参与的项目全黄了！”
笑话：一个测试工程师走进一家酒吧
趣图：程序员头疼的4种原因
笑话：面试官：请拿出一段体现你水平的代码。我： sudo rm -rf /*面试官：这体现了你哪方面能力？
网友说：做开发，不被领导喜欢怎么办？
前端精选：在 WPF 中实现融合效果
所属网站分类: 技术文章 > 博客
作者： 我喜欢css
链接： http://www.qianduanheidong.com/blog/article/109257/5ec7eb6e04dc826d8fde/
来源： 前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力