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

使用provide和inject就可以

下面是祖组件代码:

复制代码
//这是祖组件

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

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

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

下面是后代组件代码:

复制代码
//后代组件

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

//接受祖组件
const projectId = inject("projectId");
相关推荐
weixin_516875652 小时前
力扣 30 天 JavaScript 挑战 第37天 第九题笔记 知识点: 剩余参数,拓展运算符
javascript·笔记·leetcode
明月与玄武2 小时前
Vue 3 高性能实践 全面提速剖析!
前端·javascript·vue.js
童先生6 小时前
Nginx + Vue/React 前端 + API:防止路径混淆漏洞与跨域问题实战分享
前端·vue.js·nginx
黑夜照亮前行的路7 小时前
JavaScript 性能优化实战技术指南
javascript·性能优化
Stringzhua9 小时前
Vue数据的变更操作与表单数据的收集【6】
前端·javascript·vue.js
万少9 小时前
可可图片编辑 HarmonyOS 上架应用分享
前端·harmonyos
你的人类朋友9 小时前
git常见操作整理(持续更新)
前端·git·后端
无羡仙9 小时前
Webpack 核心实战:从零搭建支持热更新与 Babel 转译的现代前端环境
前端·webpack·前端框架
乐~~~9 小时前
el-date-picker type=daterange 日期范围限制
javascript·vue.js·elementui
你的人类朋友9 小时前
git中的Fast-Forward是什么?
前端·git·后端