vue3 setup 怎么获取vue实例上的全局变量

最新推荐文章于 2024-06-06 10:38:06 发布
最新推荐文章于 2024-06-06 10:38:06 发布
阅读量3.3k 收藏
点赞数 2
分类专栏： vue 文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47300795/article/details/123697894
版权

在vue2中，我们定义在vue实例上的 vue.property.变量 ，在组件中都可以通过 this.变量名得到，那么到了vue3中，在setup中要获取全局变量就需要通过vue提供的方法了
挂载全局变量
const app=createApp()
app.config.globalProperties.变量名
组件 setup 获取变量

getCurrentInstance().appContext.config.globalProperties.变量名
打印getCurrentInstance如下在这里插入图片描述

(σﾟ∀ﾟ)σ..:*☆哎哟不错哦
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3 Project 项目(01) 源码
04-02
1. `main.js`：应用的入口文件，Vue3 项目通常在这里创建根 Vue 实例，并挂载到 DOM 元素上。这里也会引入其他全局组件、插件和配置。 2. `App.vue`：根组件，整个应用的起点。可以定义应用的结构和样式，以及任何...
Vue3+Axios基础例子
11-06
3. **响应式处理**：可以结合Vue3的响应式系统，例如使用`ref`或`reactive`来创建响应式的变量，存储API返回的数据。 4. **错误处理**：使用`catch`块来捕获并处理请求错误。 5. **拦截器**：Axios提供拦截器机制，...
在vue里面设置全局变量或数据的方法
11-28
实例如下： const MyPlugin = { // install方法是必需的 // // 包含两个参数：Vue 构造器，一个可选的选项对象 install(Vue, options) { Vue.prototype.test = "test" ; Vue.prototype.wechat = "my wechat!"; } }; export default MyPlugin 此方法可以单独起一个文件，在引入到需要的页面里面，就可以用vue实例取到相应数据，像以下use后，取数据时和取每个模块里面的data里面的数据方法是一样的 import MyPligin from
【Vue】Vue3的setup如何访问到全局的定义的变量？
毛毛的博客
11-08 616
setup读取全局定义的常量和变量
vue3设置全局变量并获取 全局响应式变量 窗口大小
最新发布
2301_78723800的博客
06-06 309
vue3设置全局变量并获取 全局响应式变量 窗口大小
Vue3全局变量使用
缘如风的博客
08-28 1455
Vue3全局变量使用，provide/inject使用
vue3中setup中定义使用全局变量
xiaozhangluo的博客
11-02 1487
vue3中setup中定义使用全局变量。这里以引入faker.js为例。
vue3中全局变量的定义和获取
小白前端
03-06 1282
在vue项目中，我们知道vue2定义全局变量是在main.js文件将变量挂载到vue.prototype.name="lisi"，在页面通过this.name去调用。
采用Vue3 + Element Plus 搭建的后台管理系统解决方案.zip
01-03
4. **Teleport**: Vue3 引入了 Teleport，它允许我们将组件渲染到 DOM 中的其他位置，甚至可以跨越不同Vue实例。 5. **Suspense 组件**: 用于处理异步组件加载，使得在组件加载完成前可以显示占位符。 6. **优化：...
基于Vue3, 使用Naive UI组件库开发的后台管理系统.zip
05-26
总的来说，"基于Vue3, 使用Naive UI组件库开发的后台管理系统.zip"是一个完整的前端项目实例，结合Vue3的最新特性和Naive UI的便利，为开发高效、美观的后台管理界面提供了很好的基础。开发者可以借此学习到现代前端...
深度了解vue.js中hooks的相关知识
10-16
`currentInstance`、`isMounting`和`callIndex`是用于跟踪当前组件状态和渲染过程的全局变量。`_state`、`_refsStore`、`_effectStore`和`_computedStore`则分别用于存储响应式数据、非响应式引用、副作用逻辑和计算...
获取及设置 Vue3 全局变量
weixin_50368372的博客
12-20 3913
globalProperties: 一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。
vue3 setup语法糖获取全局属性
DESERTo的博客
10-17 553
【代码】vue3 setup语法糖获取全局属性。
【vue】如何根据变量名称获取此变量？
芳草萋萋鹦鹉洲哦
05-13 1414
<van-field v-model="matCode" @click="handleMatCode(matCode, 'matCode')" label="零件编号"></van-field> <van-field v-model="catchMatCode" @click="handleMatCode(catchMatCode, 'catchMatCode')" label="零件编号"></van-field> -------------------
vue中通过变量名的字符串，来获取变量并使用
u013595395的博客
11-05 1万+
如，有一变量isshow，通过this[`${"isshow"}`]可以获取到变量。 例，原：this.isshow = false ，现：this[`${"isshow"}`] = false 。 switch1(param) { this[`${param}`] = !this[`${param}`]; } <!DOCTYPE html> <ht...
vue3.0中setup定义的变量,获取到后台以后改变变量的值
热门推荐
浩星
03-04 2万+
前言： vue3.0中我们setup是可以定义一个变量，然后return发送出来，页面用{{}}直接获取，但是我们请求后台获取数据以后是需要改我们初始化定义的字段的，这种情况下应该怎么做呢，这里分享下我的经验 目录 1、分享源码， template: js中： 2、查找网上相关资料 这里是两种，一种是ref的方法，一种是reactive ，这两种我个人感觉怪的地方，一个是如果换成对象，并且是好几层的话，他的 .value方法不是很友好，而且第一种的ref方法，如果被用来做数据联...
【vue3】vue原型挂载全局变量和获取的方法
坚信万物皆可切的切图仔
12-27 4607
vue2.x挂载全局是使用Vue.prototype.xxxx=xxx的形式来挂载，然后通过this.xxxx=xxx的形式来挂载，然后通过this.xxxx=xxx的形式来挂载，然后通过this.xxx来获取挂载到全局的变量或者方法 但是在vue3.x这种方法行不通了，在setup里面连this都获取不到，那么我们怎么挂载全局变量呢并使用它呢？ 1. 挂载 在main.js中进行挂载 import { createApp } from 'vue' import App from './App' cons
Vue3在setup中获取元素引用（ref）
不怕麻烦的鹿丸的博客
09-27 1万+
在非setup钩子中, 我们可以通过this.$refs来获取指定元素，但是setup中没有"this"，所以要用其他方式来获取元素。在setup函数中，可以使用ref函数，用于创建一个响应式数据，当数据发生改变时，Vue会自动更新UI一定要注意，ref创建的是一个响应式数据。这个在VUE3.0中非常灵活，几乎是怎么玩都行的。具体后边还会说到，这里大概说一下基本用法。1、引入ref2、使用注意点。
Vue3组件中getCurrentInstance()获取App实例，但是返回null解决办法
05-23 6199
这些跟 Vue 实例沾边的都会有这个问题，这些函数只能写到setup函数里面，不能套在别的函数里面使用。这个问题的根本原因是：getCurrentInstance()
vue3 全局变量
05-26
在 Vue 3 中，你可以使用 `createApp` 函数来创建一个应用实例，并在该实例中创建全局变量。具体的步骤如下： 1. 在你的入口文件中创建一个应用实例，并将其赋值给一个全局变量： ``` import { createApp } from...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值