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

使用provide和inject就可以

下面是祖组件代码:

复制代码
//这是祖组件

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

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

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

下面是后代组件代码:

复制代码
//后代组件

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

//接受祖组件
const projectId = inject("projectId");
相关推荐
源心锁2 分钟前
👋 手搓 gzip 实现的文件分块压缩上传
前端·javascript
源心锁30 分钟前
丧心病狂!在浏览器全天候记录用户行为排障
前端·架构
GIS之路32 分钟前
GDAL 实现投影转换
前端
phltxy1 小时前
从零入门JavaScript:基础语法全解析
开发语言·javascript
烛阴1 小时前
从“无”到“有”:手动实现一个 3D 渲染循环全过程
前端·webgl·three.js
BD_Marathon1 小时前
SpringBoot——辅助功能之切换web服务器
服务器·前端·spring boot
Kagol1 小时前
JavaScript 中的 sort 排序问题
前端·javascript
eason_fan1 小时前
Service Worker 缓存请求:前端性能优化的进阶利器
前端·性能优化
光影少年2 小时前
rn如何和原生进行通信,是单线程还是多线程,通信方式都有哪些
前端·react native·react.js·taro
好大哥呀2 小时前
Java Web的学习路径
java·前端·学习