当前位置: 首页 > news >正文

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

使用provide和inject就可以
下面是祖组件代码:

//这是祖组件// 引入provide 
import { provide } from "vue";//定义数据
const projectId = ref("");// 给后代组件传参
provide("projectId", projectId);

下面是后代组件代码:

//后代组件//引入inject
import { inject} from "vue";//接受祖组件
const projectId = inject("projectId");

http://www.lryc.cn/news/461468.html

相关文章:

  • 【优选算法】——双指针(上篇)!
  • 【C语言】数据输出格式控制
  • Qt-界面优化选择器的用法(70)
  • 全国职业技能大赛——信息安全管理与评估第一阶段BC、FW、WAF题目详细解析过程
  • 基于Vite创建项目
  • 面试题:在 React 中如何绑定事件
  • 前端将JSON或者table直接导出为excel
  • 算法之排序
  • 深度学习:LSTM循环神经网络实现评论情感分析
  • 基于Arduino的环境监测装置
  • 深度学习:模型攻击(Model Attack)详解
  • CesiumLab介绍
  • PyQt 入门教程(3)基础知识 | 3.2、加载资源文件
  • 老照片修复工作流教程:用 ComfyUI 轻松还原历史记忆
  • ESP-IDF Blink实例学习
  • QT QML 练习8-Simple Transformations
  • 低空产业园搭建技术详解
  • Python网络爬虫从入门到实战
  • 探索Theine:Python中的AI缓存新贵
  • js拼图(神鹰黑手哥)
  • 值得推荐的五款数据恢复工具!!
  • 股票金融市场中的tick,分钟,日线数据
  • OKG Research:如何衡量链上数据的开放价值?
  • 向日葵下载教程以及三款远程控制工具推荐!!!
  • Studio One 6中文版及最新功能介绍 Studio One 6音乐软件安装包
  • 【数据结构】栈和队列 + 经典算法题
  • C# 基于winform 使用NI-VISA USB口远程控制电源 万用表
  • Python设计方差分析实验
  • 【Oracle DB故障分享】分享一次由于SGA设置太小导致的DP备份失败
  • Yocto构建教程:在SDK中添加Qt5并生成带有Qt5的SDK