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

使用provide和inject就可以

下面是祖组件代码:

复制代码
//这是祖组件

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

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

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

下面是后代组件代码:

复制代码
//后代组件

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

//接受祖组件
const projectId = inject("projectId");
相关推荐
西陵4 小时前
为什么说 AI 赋能前端开发,已经不是选择题,而是必然趋势?
前端·架构·ai编程
by__csdn5 小时前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
天天扭码5 小时前
前端如何实现RAG?一文带你速通,使用RAG实现长期记忆
前端·node.js·ai编程
一条可有可无的咸鱼5 小时前
企业招聘信息,企业资讯进行公示
java·vue.js·spring boot·uni-app
Luna-player6 小时前
在前端中,<a> 标签的 href=“javascript:;“ 这个是什么意思
开发语言·前端·javascript
lionliu05196 小时前
js的扩展运算符的理解
前端·javascript·vue.js
小草cys6 小时前
项目7-七彩天气app任务7.4.2“关于”弹窗
开发语言·前端·javascript
奇舞精选6 小时前
GELab-Zero 技术解析:当豆包联手中兴,开源界如何守住端侧 AI 的“最后防线”?
前端·aigc
奇舞精选6 小时前
Vercel AI SDK:构建现代 Web AI 应用指南
前端·aigc
神仙别闹7 小时前
基于C语言实现B树存储的图书管理系统
c语言·前端·b树