当前位置: 首页 > article >正文

vue3组合式API怎么获取全局变量globalProperties

设置全局变量 main.ts

app.config.globalProperties.$category = { index: 0 }

获取全局变量

const { appContext } = getCurrentInstance() as ComponentInternalInstance

console.log(appContext.config.globalProperties.$category)

或是

const { proxy } = getCurrentInstance() as ComponentInternalInstance

console.log(proxy?.$category)

第二种方法如果遇到 类型ComponentPublicInstance上不存在属性“$category”问题,解决办法就是添加一个 .d.ts声明文件,添加全局挂载属性:

declare module '@vue/runtime-core' {
  interface ComponentCustomProperties {
    $category: object
  }
}

还有一种方法小程序有globalData,这是一种简单的全局变量机制。这套机制在uni-app里也可以使用,并且全端通用。

首页 index.vue中设置值

getApp().globalData = { ll: 'sd' }

使用的页面中获取值

console.log(getApp().globalData)


http://www.kler.cn/a/579102.html

相关文章:

  • 统信UOS上AI辅助绘图:用DeepSeek+draw.io生成流程图
  • 可狱可囚的爬虫系列课程 18:成都在售新房数据爬虫(lxml 模块)实战
  • 在PyCharm开发环境中,如何建立hello.py文件?
  • Manus全球首个通用Agent,Manus AI:Agent应用的ChatGPT时刻
  • 计算机网络笔记(二)——1.2互联网概述
  • Dify使用日常:我是如何按标题级别将word中的内容转存到excel中的
  • 八点八数字科技:开启数字人应用的无限可能
  • 什么是时序数据库?有哪些时序数据库?常见的运用场景有哪些?
  • nlp培训重点-5
  • DeepSeek【部署 03】客户端应用ChatBox、AnythingLLM及OpenWebUI部署使用详细步骤
  • MySQL数据库安装篇
  • DR和BDR的选举规则
  • NLTK和jieba
  • DeepSeek 助力 Vue3 开发:打造丝滑的表格(Table)之功能优化,加载结合分页 ,Table11加载结合分页
  • Git与GitHub:理解两者差异及其关系
  • 【HeadFirst系列之HeadFirst设计模式】第18天之蝇量模式(Flyweight Pattern):优化资源的秘密武器
  • 深入了解Linux —— git三板斧
  • Nacos学习笔记-占位符读取其他命名空间内容
  • Navicat for MySQL下载安装教程
  • 用《设计模式》的角度优化 “枚举”