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

使用provide和inject就可以

下面是祖组件代码:

复制代码
//这是祖组件

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

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

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

下面是后代组件代码:

复制代码
//后代组件

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

//接受祖组件
const projectId = inject("projectId");
相关推荐
烟袅4 分钟前
🎯 `:nth-child` vs `:nth-of-type`:CSS 伪类的“兄弟之争”
前端·css
一水鉴天5 分钟前
整体设计 全面梳理复盘之30 Transformer 九宫格三层架构 Designer 全部功能定稿(初稿)之2
前端·人工智能
有一棵树6 分钟前
初级 Vue 前端开发者的命名与代码规范指南
前端
VcB之殇8 分钟前
【three.js】实现玻璃材质时,出现黑色/白色像素噪点
前端·three.js
moeyui7058 分钟前
Python文件编码读取和处理整理知识点
开发语言·前端·python
IT_陈寒24 分钟前
WeaveFox 全栈创作体验:从想法到完整应用的零距离
前端·后端·程序员
pixle031 分钟前
从零学习Node.js框架Koa 【一】 Koa 初探从环境搭建到第一个应用程序
前端·node.js·web·koa.js·web全栈·node服务端框架
抹茶生活32 分钟前
CSS浮动样式
前端·css
匀泪38 分钟前
CE(Linux的例行性工作)
前端·chrome
歪歪10039 分钟前
解决多 Linux 客户端向 Windows 服务端的文件上传、持久化与生命周期管理问题
linux·运维·服务器·开发语言·前端·数据库·windows