vue 3.x 非父组件（子传子）传值

利用第三方插件mitt

1.安装插件

npm install --save mitt

2.新建一个js 比如event.js 放在util文件夹下

import mitt from 'mitt'

const VueEvent = mitt();

export default VueEvent;

3.传值方 组件 send.vue

import VueEvent from '@/util/event.js'

<el-button type="text" size="small" @click="send("张三")">传值测试</el-button>

send(name){

    VueEvent.emit("val",name) 

}

4.接收方 组件 receive.vue

import VueEvent from '@/util/event.js'

mounted: function() {

    VueEvent.on("val",(data)=>{ 

      console.log(data)

    })

  },