vue3子组件之间相互传值问题怎么解决
作者:若安舟已远
时间:2025-04-06
浏览:0
vue3子组件之间相互传值1、引用第三方库mittnpminstallmitt2、在项目src文件夹下创建utils文件夹,在utils创建mitt.js,mitt.js中的代码如下:importmittfrom"mitt";exportdefaultnewmitt();3、示例:组件A传值给组件B//在组件A中引入importmittfrom"@/utils/mitt";//调用传值mitt.emit("mittClick","数据数据数据");//在组件B中引入importmittfrom"@/uti
本文目录
vue3子组件之间相互传值
1、引用第三方库mitt
npm install mitt
2、在项目src文件夹下创建utils文件夹,在utils创建mitt.js,mitt.js中的代码如下:
import mitt from "mitt"; export default new mitt();
3、示例:组件A传值给组件B
//在组件A中引入
import mitt from "@/utils/mitt";
//调用传值
mitt.emit("mittClick", "数据数据数据");//在组件B中引入
import mitt from "@/utils/mitt";
//接收传值
mitt.on("mittClick", (val) => {
console.log(val)//数据数据数据
})vue不同组件之间相互传值
使用一个空Vue实例来进行传值,通过$emit,$on即可。
作者最新文章
漫蛙漫画网页下载安装包
2026-10-13 13:19
WPS 表格单元格内换行快捷键是什么
2026-10-10 15:48
Word格式转换成PDF?Word转PDF的具体步骤是什么?
2026-09-02 19:14
浏览器保存网页为PDF的实用技巧
2026-08-28 11:44
Switch520全球白嫖网入口链接2025
2026-08-28 11:17
上一篇:
理解PHP二维码活码的意义与功能特点
下一篇:
一加6微信@所有人的简单操作
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多





































