在vue3中实现祖组件给后代组件传参,可以跨域几层。

使用provide和inject就可以

下面是祖组件代码:

复制代码
//这是祖组件

// 引入provide 
import { provide } from "vue";

//定义数据
const projectId = ref("");

// 给后代组件传参
provide("projectId", projectId);

下面是后代组件代码:

复制代码
//后代组件

//引入inject
import { inject} from "vue";

//接受祖组件
const projectId = inject("projectId");
相关推荐
Latchh2 分钟前
PDF打开不要密码却显示已加密,前端怎么判断
前端·图像处理·人工智能·计算机视觉·pdf
秋天的一阵风3 分钟前
🧐 为什么大厂 RAG 从不用纯向量检索?
前端·面试·ai编程
恋猫de小郭13 分钟前
Flutter + EmbeddingGemma 2,谷歌发布完全端侧的 AI Edge Foresight
android·前端·flutter
FITA阿泽要努力20 分钟前
第1周·第2讲|一道综合代码推演
服务器·前端·python·agent.
iCxhust21 分钟前
如何批量导出edge保存的密码
前端·windows·edge
JarvanMo23 分钟前
写 Flutter 不用再套六层 Widget 了
前端
小羊没烦恼!30 分钟前
关于大型asp.net应用系统的架构-架构的选择
java·服务器·开发语言·前端·c#
GISer_Jing36 分钟前
height、line-height、font-size相同字体遮挡问题
前端·ai
字节渡客41 分钟前
接口参数偶尔丢失、乱码、解析失败,不是前端传参问题
前端
夏幻灵41 分钟前
前端八股:JavaScript 深拷贝详解:实现方式、递归原理与循环引用
开发语言·前端·javascript