Vue3.0如何在setup中获取定义的全局方法

有些情况下我们需要定义全局方法然而在vue3.0中我们定义全局方法需要在globalProperties上面定义大部分情况下还是可以定义在main.js中的我们这里就以定义在main.js中为例

//   这里我们就简单的随便添加一个属性import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'let app = createApp(App)app.config.globalProperties.aaa = 123app.use(store).use(router).mount('#app')

接下来我们需要在页面中去获取这里以在setup中获取为例

import { getCurrentInstance } from 'vue'export default {setup() {// getCurrentInstance 意思是获取当前组件的上下文 只能在setup或者生命周期函数中使用// 这里我们打印一下上下文的内容console.log(getCurrentInstance()) }}

打印信息大致如下

这是appContext的内容

这是打包前proxy的内容

这是打包前ctx的内容

从这些信息中可以看到在 appContext proxy 以及ctx中都有我们定义的全局数据那么应该使用哪个呢，其实官方已经给出了哪个，所以首先还是建议提出这个问题的小伙伴仔细看一下官网

那么这样使用的理由是什么呢？

因为这只是开发环境表现出来的样式，打包后ctx以及proxy都会产生变化现在我们把打包后的情况给大家看一下

这是打包后ctx的内容可以发现已经产生变化

这是打包后proxy的内容可以发现也已经产生变化

Vue3.0如何在setup中获取定义的全局方法相关推荐

如何在PHP中获取客户端IP地址[重复]
本文翻译自:How to get the client IP address in PHP [duplicate] This question already has an answer here: ...
java如何实取随机数_java - 如何在Kotlin中获取随机数？
java - 如何在Kotlin中获取随机数? 可以在2个参数之间返回随机整数的通用方法,如ruby,可以使用rand(0..n). 有什么建议吗? 16个解决方案 208 votes 我的建议是In ...
java+script+当前日期_如何在JavaScript中获取当前日期？
如何在JavaScript中获取当前日期? #1楼您可以使用扩展了 Date对象的Date.js库,从而可以使用.today()方法. #2楼如果您想对日期格式进行更多的粒度控制,我强烈建议您查看 ...
php mysql 到表最后_如何在PHP中获取MySQL表的最后插入ID？
如何在PHP中获取MySQL表的最后插入ID? 我有一张表,经常插入新数据. 我需要获取表格的最后一个ID. 我怎样才能做到这一点? 它类似于SELECT MAX(id) FROM table吗? g ...
如何在JavaScript中获取字符串数组的字符串？
本文翻译自:How do you get a string to a character array in JavaScript? How do you get a string to a chara ...
如何在 JavaScript 中获取当前日期？
问: 想要改进这篇文章?提供这个问题的详细答案,包括引文和解释为什么你的答案是正确的.没有足够细节的答案可能会被编辑或删除. 如何在 JavaScript 中获取当前日期? 答1: HuntsBot周 ...
如何在Python中获取图片分辨率？——Python实现获取图片分辨率的代码及详解。
如何在Python中获取图片分辨率?--Python实现获取图片分辨率的代码及详解. 在进行图片处理或者图片分析的时候,获取图片的分辨率信息是必不可少的.Python提供了许多库可以方便地获取图片的分 ...
html 获取文本框值,html - 如何在JavaScript中获取文本框值
html - 如何在JavaScript中获取文本框值我正在尝试使用JavaScript从HTML文本框中获取值,但值不是在空格之后例如: 我只得到:上面的"软件". 我正在使 ...
如何在JavaScript中获取时间戳
如何在JavaScript中获取时间戳 +运算符我们可以使用+运算符将日期对象直接转换为UNIX时间戳. 例如,我们可以这样写: +new Date() +日期对象之前操作者触发valueOf的方法 ...

Vue3.0如何在setup中获取定义的全局方法

Vue3.0如何在setup中获取定义的全局方法相关推荐

最新文章

热门文章