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

vue3 如何设置全局属性

项目开发中,由于组件的模块化,会产生需要公共属性的情况,需要从父组件传递到子组件,可以通过以下方式来自定义公共属性,所有的子组件都可以获取到。

父组件的main.ts中进行以下设置:

let app = createApp(App);
app.config.globalProperties.$mode='test';
app.mount('#app');

在子组件son.ts中使用:

export default{setup(){const ins=getCurrentInstance();const mode= ins.proxy.$.appContext.config.globalProperties?.$mode}
}

在子组件son的标签中可以直接使用:

<input v-show="$mode=='test'" ></input>

http://www.xdnf.cn/news/196939.html

相关文章:

  • Docker的常用命令
  • WPF之Button控件详解
  • Crusader Kings III 王国风云 3(十字军之王 3) [DLC 解锁] [Steam] [Windows SteamOS macOS]
  • 多元函数微分之传统方法和全微分法
  • Qt笔记-自定义托盘弹出界面
  • 用于表格数据的神经网络分类器_TabPFN
  • Vuex持续保存数据 页面刷新不丢失 vuex-persistedstate
  • WPF 程序监控硬件设备状态变化的实现方案
  • vscode源代码管理Tab-文件右侧标志(M、A 等)的含义
  • await和async
  • (28)VTK C++开发示例 ---添加坐标轴
  • std::print 和 std::println
  • echarts自定义图表--仪表盘
  • 【机器学习】人工智能在电力电子领域的应用
  • 反射与注解实现动态功能扩展案例-插件系统
  • 模型上下文协议(MCP)深度解析:大模型从“思考者“进化为“行动者“
  • 总账主数据——Part 2 科目-4
  • 优先队列和单调队列(双端队列实现的)
  • stm32wb55rg (1) 基于IAR 创建stm32 工程模板
  • 序列密码算法ShanLooog512设计原理详解
  • DeepSearch复现篇:QwQ-32B ToolCall功能初探,以Agentic RAG为例
  • React速通笔记
  • 初识Python
  • 【Keil5-开发指南】
  • Java实现基数排序算法
  • 机器学习day2
  • 深入理解链表:从基础操作到高频面试题解析
  • 省哲学社科基金项目申请书(论证活页)模版框架参考
  • 013几何数学——算法备赛
  • web技术与Nginx网站服务