vue3子组件之间相互传值问题怎么解决
作者:若安舟已远
时间:2024-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即可。
作者最新文章
Word格式转换成PDF?Word转PDF的具体步骤是什么?
2026-09-02 19:13
长安猎手K50 2026款上市,14.19万元起售
2026-08-25 16:08
价格大跳水,网友惊呼买早了!两大巨头正面交锋,最高直降2500元,几乎所有品类“你降我也降”
2026-08-25 16:02
全新奥迪Q3 L申报信息揭晓,车身尺寸升级,动力配置保持强劲
2026-08-25 15:44
iPhone15ProMax屏幕常亮怎么设置 iPhone15ProMax屏幕常亮设置方法
2026-08-25 15:31
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多
Windows 10
Windows
Windows 10 是一款微软推出的经典操作系统,拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起,适合需要持续观察和微调设备状态的场景。
极度公式
Windows/macOS/Linux
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
















