vue3子组件之间相互传值问题怎么解决

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即可。