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

VUE3 祖孙组件传值调用方法

1.在 Vue 3 中,你可以使用 provide/inject 来实现祖孙组件之间的传值和调用方法。

首先,在祖组件中使用 provide 来提供数据或方法,例如:

// 祖组件
import { provide } from 'vue';export default {setup() {const data = 'Hello';const method = () => {console.log('Method called');};provide('data', data);provide('method', method);...}
}

然后,在孙组件中使用 inject 来获取祖组件提供的数据或方法,例如:

// 孙组件
import { inject } from 'vue';export default {setup() {const data = inject('data');const method = inject('method');...// 调用祖组件提供的方法method();...}
}

过 provide/inject 来传递数据和方法,可以实现祖孙组件之间的通信和调用。

2.目前尝试:无法在孙组件中使用provide向祖组件中用inject传递数据

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

相关文章:

  • 我的网安之路
  • langchain-ChatGLM源码阅读:webui.py
  • <C++>二、 类和对象
  • 【HttpRunnerManager】搭建接口自动化测试平台实战
  • 【adb】adb常用命令
  • SAP 委外副产品业务
  • 高并发编程-2. 并发级别
  • 牛客网Verilog刷题——VL47
  • Redis以及Java使用Redis
  • Apipost教程?一篇文章玩转Apipost
  • 微信小程序开发学习之--地图绘制行政区域图
  • 在windows下安装ruby使用gem
  • 【Ajax】笔记-设置CORS响应头实现跨域
  • 实现Feed流的三种模式:拉模式、推模式和推拉结合模式
  • Vue中使用Typescript及Typescript基础
  • MySQL数据库 【索引事务】
  • 源码阅读:classnames
  • 【解惑笔记】树莓派+OpenCV+YOLOv5目标检测(Pytorch框架)
  • PostgreSQL中如何配置Huge page的数量
  • Mysql之binlog日志浅析
  • js 生成器函数
  • HCIP OSPF+BGP综合实验
  • 牛客网Verilog刷题——VL46
  • C/C++开源库推荐
  • git常用命令速查表
  • 让两个文件夹里的图片名字一模一样
  • 会议OA系统会议管理模块开发思路(layui搭建)
  • rsync 远程同步
  • PostgreSQL数据库中,查询时提示表不存在的解决办法
  • 视频传输网安全防护体系