VUE在TS中变量或函数穿透在别的页面进行调用

1.在A页面创建方法,并传递方法:

复制代码
const getMenuInfo = () => { 
    *** 
}

provide('getMenuInfo', getMenuInfo);

在其他页面接收方法并使用:

复制代码
const getMenuInfo = inject<() => void>('getMenuInfo');


getMenuInfo ();

2.在A页面创建变量,并传递变量:

复制代码
const role = ref('admin');

provide('role',role);

在其他页面接收变量并使用:

复制代码
const role = inject('role');

console.log(role.value)
相关推荐
ct97813 小时前
组件间的通信
前端·javascript·vue.js
左手吻左脸。13 小时前
Vue 全栈面试题大全(2026 最新版最详细)
前端·javascript·vue.js
Aphasia31113 小时前
手写KeepAlive组件
前端·react.js·面试
两个西柚呀13 小时前
js中的同步和异步,三种处理异步任务的方式
前端·javascript
pe7er14 小时前
软件设计不要“既要又要”
前端·后端·架构
kyriewen14 小时前
从Webpack到Vite:我们迁移了一个10万行代码的项目,总结了这7个坑
前端·webpack·vite
IT_陈寒14 小时前
Java Stream并行流的坑:我花了3小时才找到的线程安全问题
前端·人工智能·后端
小新11014 小时前
最简单但完整的 Vue 响应式示例(一个简单的计数器按钮)
前端·javascript·vue.js
川冰ICE14 小时前
JavaScript进阶④|Symbol与元编程,对象的隐藏身份
开发语言·javascript·ecmascript
水煮白菜王14 小时前
开源 AI 桌宠 Clawd on Desk:让 Claude Code 的状态从终端‘蹦‘到桌面
javascript·人工智能·开源