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

使用provide和inject就可以

下面是祖组件代码:

复制代码
//这是祖组件

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

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

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

下面是后代组件代码:

复制代码
//后代组件

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

//接受祖组件
const projectId = inject("projectId");
相关推荐
小桥风满袖21 小时前
极简三分钟ES6 - 模块化
前端·javascript
练习时长一年1 天前
自定义事件发布器
java·前端·数据库
IT_陈寒1 天前
SpringBoot高并发优化:这5个被忽视的配置让你的QPS提升300%
前端·人工智能·后端
光影少年1 天前
css优化都有哪些优化方案
前端·css·rust
BillKu1 天前
npm 安装命令中关于 @ 的讲解,如:npm install @vue-office/docx vue-demi
前端·vue.js·npm
bestadc1 天前
LeetCode 几道 Promises 和 Time 的题目
javascript·算法·leetcode
yangzhi_emo1 天前
ES6笔记4
前端·笔记·es6
萌萌哒草头将军1 天前
Node.js v24.8.0 新功能预览!🚀🚀🚀
前端·javascript·node.js
超人不会飛1 天前
大模型应用 Vue H5 模板:快速落地流式交互与富文本渲染的开箱方案
前端·vue.js·github
用户458203153171 天前
CSS无需JavaScript的交互效果实现
前端·css