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)
相关推荐
美酒没故事°5 小时前
npm源管理器:nrm
前端·npm·npm源
用户22152044278005 小时前
vue3组件间的通讯方式
前端·vue.js
三十_A5 小时前
【实录】使用 patch-package 修复第三方 npm 包中的 Bug
前端·npm·bug
下位子6 小时前
『AI 编程』用 Claude Code 从零到一开发全栈减脂追踪应用
前端·ai编程·claude
tyro曹仓舒6 小时前
Vue单文件组件到底需不需要写name
前端·vue.js
用户47949283569156 小时前
面试官:讲讲2FA 双因素认证原理
前端·后端·安全
乐影6 小时前
TS 模板字符串类型:从基础到进阶的类型编程魔法
前端·typescript
龙在天6 小时前
CSS 属性值的计算与过程
前端
云鹤_6 小时前
【Amis源码阅读】组件注册方法远比预想的多!
前端·低代码
xinfei6 小时前
ES6 新特性 从 ECMAScript 2015(ES6)到 ECMAScript 2025
前端